当前位置:首页 > JavaScript

js手动实现reverse

2026-04-07 11:11:48JavaScript

手动实现 JavaScript 的 reverse 方法

JavaScript 的 reverse 方法用于反转数组的元素顺序。以下是手动实现 reverse 的几种方法:

js手动实现reverse

方法 1:使用临时数组

创建一个新数组,按逆序填充原数组的元素:

js手动实现reverse

function reverseArray(arr) {
  const reversed = [];
  for (let i = arr.length - 1; i >= 0; i--) {
    reversed.push(arr[i]);
  }
  return reversed;
}

方法 2:原地反转(修改原数组)

通过交换数组的首尾元素实现原地反转:

function reverseArrayInPlace(arr) {
  let left = 0;
  let right = arr.length - 1;
  while (left < right) {
    [arr[left], arr[right]] = [arr[right], arr[left]];
    left++;
    right--;
  }
  return arr;
}

方法 3:使用 reduce

利用 reduce 方法从右向左构建新数组:

function reverseWithReduce(arr) {
  return arr.reduce((acc, current) => [current, ...acc], []);
}

注意事项

  • 方法 1 和方法 3 会返回新数组,不影响原数组。
  • 方法 2 会直接修改原数组,与原生 reverse 方法行为一致。
  • 性能方面,方法 2(原地反转)通常最优,因为它避免了创建新数组的开销。

标签: jsreverse
分享给朋友:

相关文章

js实现计算器

js实现计算器

实现基础计算器功能 使用JavaScript创建一个基础计算器需要处理数字输入、运算符逻辑和结果显示。以下是一个简单的实现示例: let currentInput = '0'; let previo…

js画图实现

js画图实现

使用Canvas API绘制图形 Canvas是HTML5提供的绘图API,通过JavaScript操作Canvas元素可以绘制各种图形。以下是一个简单的示例: <canvas id="myC…

利用js实现

利用js实现

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

节流js实现

节流js实现

节流(Throttle)的实现原理 节流是一种限制函数执行频率的技术,确保函数在一定时间间隔内最多执行一次。适用于高频触发事件(如滚动、输入、窗口调整等)的场景。 基础实现方式 使用时间戳判断是否执…

js 实现跳转

js 实现跳转

使用 window.location.href 进行跳转 通过修改 window.location.href 可以跳转到指定 URL,浏览器会加载新页面: window.location.hre…

js图片上传实现

js图片上传实现

图片上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API实现基础图片上传功能。HTML部分需要设置accept="image/…