当前位置:首页 > JavaScript

js实现反转

2026-04-06 15:55:18JavaScript

实现字符串反转

使用 JavaScript 反转字符串可以通过多种方法实现,以下是几种常见的实现方式:

方法一:使用 split()、reverse() 和 join()

function reverseString(str) {
  return str.split('').reverse().join('');
}

方法二:使用 for 循环

js实现反转

function reverseString(str) {
  let reversed = '';
  for (let i = str.length - 1; i >= 0; i--) {
    reversed += str[i];
  }
  return reversed;
}

方法三:使用递归

function reverseString(str) {
  if (str === '') {
    return '';
  }
  return reverseString(str.substr(1)) + str.charAt(0);
}

方法四:使用 reduce()

js实现反转

function reverseString(str) {
  return str.split('').reduce((reversed, char) => char + reversed, '');
}

实现数组反转

JavaScript 数组反转可以直接使用 reverse() 方法:

const arr = [1, 2, 3, 4, 5];
arr.reverse(); // [5, 4, 3, 2, 1]

如果需要保持原数组不变,可以创建副本后再反转:

const arr = [1, 2, 3, 4, 5];
const reversedArr = [...arr].reverse(); // [5, 4, 3, 2, 1]

实现数字反转

反转数字需要先将数字转换为字符串,反转后再转换回数字:

function reverseNumber(num) {
  const reversed = parseInt(num.toString().split('').reverse().join(''));
  return reversed * Math.sign(num);
}

该方法会保留数字的符号,例如 -123 反转后为 -321

标签: js
分享给朋友:

相关文章

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swipe…

js实现验证码

js实现验证码

使用Canvas生成图形验证码 在HTML中创建一个Canvas元素用于绘制验证码。通过JavaScript随机生成数字或字母组合,并添加干扰线、噪点等干扰元素增强安全性。 <canvas i…

js实现祖玛

js实现祖玛

实现祖玛游戏的核心思路 祖玛游戏的核心玩法是发射彩色珠子,形成三个或以上相同颜色的珠子即可消除。以下是使用JavaScript实现的基本框架。 游戏初始化 创建画布并初始化游戏状态: const…

利用js实现

利用js实现

使用 JavaScript 实现 在 JavaScript 中,可以通过多种方式实现功能,具体取决于需求。以下是几种常见的方法: 方法一:使用原生 JavaScript // 示例代码 funct…

js实现图片放大

js实现图片放大

使用 CSS transform 实现图片放大 通过 CSS 的 transform: scale() 属性实现图片放大效果。当鼠标悬停时,图片会平滑放大。 const img = document…

js实现左右滑动

js实现左右滑动

实现左右滑动的 JavaScript 方法 监听触摸事件 通过 touchstart、touchmove 和 touchend 事件来检测用户的手势操作。记录触摸的起始位置和移动距离,判断滑动方向。…