当前位置:首页 > JavaScript

js实现reserve

2026-02-01 14:07:34JavaScript

在JavaScript中实现数组反转可以通过多种方法完成,以下是几种常见的实现方式:

使用 reverse() 方法

JavaScript数组原生提供了reverse()方法,可以直接反转数组元素顺序:

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

手动实现反转

通过循环遍历数组,手动交换元素位置:

function reverseArray(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];
console.log(reverseArray(arr)); // [4, 3, 2, 1]

使用 reduce() 方法

通过reduce()从右向左遍历数组,生成新数组:

const arr = [1, 2, 3, 4];
const reversed = arr.reduce((acc, curr) => [curr, ...acc], []);
console.log(reversed); // [4, 3, 2, 1]

使用 unshift() 方法

遍历原数组,通过unshift()将元素插入新数组的头部:

const arr = [1, 2, 3, 4];
const reversed = [];
arr.forEach(item => reversed.unshift(item));
console.log(reversed); // [4, 3, 2, 1]

使用扩展运算符和slice()

结合扩展运算符和slice()生成反转后的新数组:

js实现reserve

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

注意事项

  • 原生reverse()方法会修改原数组,若需保留原数组,需先拷贝(如[...arr].reverse())。
  • 手动实现时注意边界条件(如空数组或单元素数组)。

标签: jsreserve
分享给朋友:

相关文章

js实现全屏

js实现全屏

实现全屏的基本方法 使用JavaScript实现全屏功能主要依赖Element.requestFullscreen()方法。现代浏览器均支持此API,但不同浏览器可能需要添加前缀。 // 触发全屏…

js实现延迟

js实现延迟

实现延迟的方法 在JavaScript中,实现延迟操作有多种方式,以下是几种常见的方法: 使用setTimeout函数 setTimeout是JavaScript中最常用的延迟执行方法。它接受一个回…

js实现二叉树

js实现二叉树

二叉树的基本概念 二叉树是一种树形数据结构,每个节点最多有两个子节点,分别称为左子节点和右子节点。二叉树的常见操作包括插入、删除、遍历等。 二叉树的节点定义 在JavaScript中,二叉树的节点可…

js类实现

js类实现

使用类实现 JavaScript 功能 在 JavaScript 中,类(Class)是一种语法糖,基于原型继承机制。通过 class 关键字可以更直观地定义对象模板。 基本类定义 class…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…

js钟表实现

js钟表实现

实现JavaScript钟表的基本方法 创建一个简单的JavaScript钟表可以通过以下步骤完成,涵盖数字和模拟两种形式。 数字钟表实现 HTML结构只需一个显示时间的容器: <div i…