当前位置:首页 > JavaScript

翻转实现方式js

2026-04-04 13:40:14JavaScript

翻转数组的 JavaScript 实现方法

使用 Array.prototype.reverse() 方法

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

此方法会直接修改原数组,若需保留原数组,可先创建副本:

const reversedArr = [...arr].reverse();

手动实现翻转(循环遍历)

翻转实现方式js

function reverseArray(arr) {
    const result = [];
    for (let i = arr.length - 1; i >= 0; i--) {
        result.push(arr[i]);
    }
    return result;
}
const reversedArr = reverseArray([1, 2, 3]); // [3, 2, 1]

使用 reduce() 高阶函数

const reversedArr = [1, 2, 3].reduce((acc, cur) => [cur, ...acc], []);
console.log(reversedArr); // [3, 2, 1]

交换首尾元素(原地翻转)

翻转实现方式js

function reverseInPlace(arr) {
    let left = 0;
    let right = arr.length - 1;
    while (left < right) {
        [arr[left], arr[right]] = [arr[right], arr[left]];
        left++;
        right--;
    }
    return arr;
}
const arr = [1, 2, 3, 4];
reverseInPlace(arr); // arr 变为 [4, 3, 2, 1]

翻转字符串的实现方法

使用 split() + reverse() + join()

const str = "hello";
const reversedStr = str.split("").reverse().join("");
console.log(reversedStr); // "olleh"

手动遍历字符串

function reverseString(str) {
    let result = "";
    for (let i = str.length - 1; i >= 0; i--) {
        result += str[i];
    }
    return result;
}
reverseString("world"); // "dlrow"

使用扩展运算符与 reduce()

const reversedStr = [...'abc'].reduce((acc, char) => char + acc, '');
console.log(reversedStr); // "cba"

注意事项

  • 数组的 reverse() 方法会改变原数组,需注意是否需要保留原数组。
  • 字符串不可变,翻转操作需生成新字符串。
  • 手动实现的循环方法在性能敏感场景可能优于高阶函数。

标签: 方式js
分享给朋友:

相关文章

js实现跳转

js实现跳转

使用 window.location 跳转 通过修改 window.location.href 实现页面跳转,这是最常用的方法。 window.location.href = 'https://…

js实现祖玛

js实现祖玛

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

利用js实现

利用js实现

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

js 实现图片 放大

js 实现图片 放大

使用 CSS transform 实现图片放大 通过 CSS 的 transform: scale() 属性可以实现图片的平滑放大效果。结合 JavaScript 监听鼠标事件控制放大状态: con…

js实现左右滑动

js实现左右滑动

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

js实现乘法

js实现乘法

实现乘法运算的方法 在JavaScript中实现乘法运算可以通过多种方式完成,以下列举几种常见方法: 基础运算符 直接使用乘法运算符*是最简单的方式: let result = 3 * 5; //…