当前位置:首页 > 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实现vue

js实现vue

Vue.js 的基本实现方法 在 JavaScript 中实现 Vue.js 的功能,可以通过直接引入 Vue 库或使用现代构建工具(如 Vite 或 Webpack)。以下是几种常见的实现方式:…

js实现验证码

js实现验证码

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

js实现防洪

js实现防洪

防抖(Debounce)实现 防抖的核心思想是在事件触发后延迟执行回调函数,若在延迟时间内再次触发事件,则重新计时。适用于输入框搜索、窗口调整等场景。 function debounce(func,…

js进度条实现

js进度条实现

使用HTML和CSS创建基础结构 在HTML中创建一个容器元素用于显示进度条,通常使用<div>元素。CSS用于设置进度条的样式,包括宽度、高度、颜色和圆角等属性。 <div cl…

js实现显示隐藏

js实现显示隐藏

显示隐藏的实现方法 在JavaScript中,实现元素的显示和隐藏可以通过多种方式完成。以下是几种常见的方法: 修改CSS的display属性 通过改变元素的display属性可以在none(隐藏)…

js实现排序

js实现排序

数组排序方法 JavaScript提供了内置的sort()方法用于数组排序。默认情况下,sort()将元素转换为字符串并按照Unicode码点排序。对于数字排序,需传入比较函数。 const num…