当前位置:首页 > JavaScript

js实现reserve

2026-03-14 13:00:58JavaScript

实现数组反转

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

使用Array.prototype.reverse()方法

这是最直接的方式,直接调用数组的reverse()方法:

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

手动实现反转

如果不使用内置方法,可以手动实现数组反转:

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

使用reduce方法

js实现reserve

利用reduce方法也可以实现数组反转:

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

原地反转算法

如果需要原地反转数组(不创建新数组),可以使用以下方法:

js实现reserve

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

字符串反转

反转字符串可以通过先转换为数组再反转,或者直接使用字符串方法:

使用数组方法

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

使用reduce方法

const str = "hello";
const reversedStr = [...str].reduce((acc, char) => char + acc, "");
console.log(reversedStr); // "olleh"

使用递归

function reverseString(str) {
  return str === "" ? "" : reverseString(str.substr(1)) + str[0];
}
console.log(reverseString("hello")); // "olleh"

这些方法可以根据具体需求选择使用,内置的reverse()方法最简单,手动实现则提供了更多灵活性。

标签: jsreserve
分享给朋友:

相关文章

vue实现js休眠

vue实现js休眠

Vue 中实现 JavaScript 休眠 在 Vue 中实现 JavaScript 休眠通常需要使用异步方式,以避免阻塞主线程。以下是几种常见方法: 使用 setTimeout 和 Promise…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js实现复制到剪贴板

js实现复制到剪贴板

使用document.execCommand方法(传统方式,已废弃但部分浏览器仍支持) 该方法适用于旧版浏览器,但已被标记为废弃。执行前需确保文本已被选中: function copyToClipb…

js轮播图实现原理

js轮播图实现原理

轮播图的基本原理 轮播图通过动态切换显示的内容(图片、文本等)实现视觉上的滑动效果。核心原理是利用CSS和JavaScript控制元素的显示与隐藏,或通过变换位置实现滑动动画。 实现方法一:CSS…

js实现tab选项卡切换

js实现tab选项卡切换

实现Tab选项卡切换的JavaScript方法 使用纯JavaScript实现Tab切换功能,可以通过监听点击事件动态切换内容显示状态。以下是两种常见实现方式: 基础DOM操作实现 // 获取所有…

js实现选题

js实现选题

实现选题功能的JavaScript方法 基础实现方案 使用数组存储选项,通过随机索引选取: const options = ['选项A', '选项B', '选项C', '选项D']; const r…