当前位置:首页 > JavaScript

反转实现方式js

2026-02-03 06:12:13JavaScript

反转数组的 JavaScript 实现方法

使用 Array.prototype.reverse() 方法
这是最直接的方式,直接调用数组的 reverse() 方法会原地反转数组元素并返回反转后的数组。

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

使用 for 循环手动反转
通过遍历数组并将元素从后向前重新排列,可以手动实现反转。

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

使用 reduce 方法
利用 reduce 从数组末尾开始累积元素,生成反转后的数组。

const arr = [1, 2, 3, 4];
const reversedArr = arr.reduce((acc, _, i, original) => {
  acc.push(original[original.length - 1 - i]);
  return acc;
}, []);
console.log(reversedArr); // [4, 3, 2, 1]

使用扩展运算符和 map
结合 map 和数组索引,生成反转后的新数组。

反转实现方式js

const arr = [1, 2, 3, 4];
const reversedArr = [...arr].map((_, i, array) => array[array.length - 1 - i]);
console.log(reversedArr); // [4, 3, 2, 1]

使用递归实现反转
通过递归逐层处理数组的首尾元素,最终完成反转。

function reverseArray([head, ...tail], acc = []) {
  if (tail.length === 0) return [head, ...acc];
  return reverseArray(tail, [head, ...acc]);
}
const arr = [1, 2, 3, 4];
console.log(reverseArray(arr)); // [4, 3, 2, 1]

反转字符串的 JavaScript 实现方法

使用 splitreversejoin
将字符串拆分为字符数组,反转后再合并为字符串。

反转实现方式js

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

使用 for...of 循环
遍历字符串并从前往后拼接字符,生成反转后的字符串。

const str = "hello";
let reversedStr = "";
for (const char of str) {
  reversedStr = char + reversedStr;
}
console.log(reversedStr); // "olleh"

使用 reduce 方法
通过 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];
}
const str = "hello";
console.log(reverseString(str)); // "olleh"

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

相关文章

js实现论坛

js实现论坛

实现论坛的基本功能 使用JavaScript实现一个论坛需要结合前端和后端技术。前端可以使用React、Vue或Angular等框架,后端可以选择Node.js配合Express或Koa框架。数据库可…

js实现vue路由

js实现vue路由

Vue 路由的基本实现 在 Vue.js 中实现路由功能通常使用 Vue Router 库。Vue Router 是 Vue.js 官方的路由管理器,用于构建单页面应用(SPA)。 安装 Vue R…

js实现文字滚动

js实现文字滚动

实现文字滚动的几种方法 使用CSS动画实现滚动 通过CSS的@keyframes和transform属性可以实现平滑的文字滚动效果。 <style> .scroll-text { w…

js验证码的实现

js验证码的实现

验证码的基本实现原理 验证码(CAPTCHA)的核心目标是区分人类用户和自动化程序。JavaScript可用于生成或验证客户端验证码,但需注意纯前端验证可能被绕过,通常需结合后端验证。 纯前端验证码…

js验证码实现

js验证码实现

验证码的基本原理 验证码(CAPTCHA)用于区分人类用户和自动化程序。常见类型包括图形验证码、滑动验证码、短信验证码等。JavaScript 可用于前端验证码的生成和验证逻辑。 图形验证码实现 使…

js sort 实现

js sort 实现

数组排序基础方法 JavaScript 数组的 sort() 方法默认按照字符串 Unicode 码点顺序排序。直接调用时会将元素转为字符串再比较: const arr = [10, 2, 5, 1…