当前位置:首页 > JavaScript

反转实现方式js

2026-03-16 07:08:07JavaScript

反转数组的实现方式(JavaScript)

使用 Array.prototype.reverse() 方法
这是最直接的方式,会原地修改原数组并返回反转后的结果:

const arr = [1, 2, 3];
const reversedArr = arr.reverse();
console.log(reversedArr); // [3, 2, 1]
console.log(arr); // [3, 2, 1](原数组被修改)

使用扩展运算符 ...reverse()(不修改原数组)
通过创建新数组避免修改原数组:

const arr = [1, 2, 3];
const reversedArr = [...arr].reverse();
console.log(reversedArr); // [3, 2, 1]
console.log(arr); // [1, 2, 3](原数组不变)

使用 reduce() 方法
通过累加器从右向左构建新数组:

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

使用 for 循环
手动遍历数组并反转:

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

使用 Array.from()map()
结合索引计算实现反转:

const arr = [1, 2, 3];
const reversedArr = Array.from({ length: arr.length }, (_, i) => arr[arr.length - 1 - i]);
console.log(reversedArr); // [3, 2, 1]

反转字符串的实现方式(JavaScript)

使用 split()reverse()join()
将字符串转为数组反转后再合并:

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"

使用 for...of 循环
遍历字符串并拼接:

反转实现方式js

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

注意事项

  • 数组的 reverse() 方法会修改原数组,若需保留原数组,需先创建副本。
  • 字符串不可变,所有方法均需返回新字符串。

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

相关文章

js实现计算器

js实现计算器

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

js实现乘

js实现乘

JavaScript 实现乘法运算 在 JavaScript 中实现乘法运算可以通过多种方式完成,包括基本运算符、函数封装以及高级算法(如大数乘法)。以下是几种常见方法: 使用基本乘法运算符 Jav…

js实现类

js实现类

JavaScript 实现类的几种方式 JavaScript 是一种基于原型的语言,但在 ES6 之后引入了 class 语法糖,使得实现类更加直观。以下是几种常见的实现方式: 使用构造函数 传统的…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的JWT令牌…

js实现 拖动

js实现 拖动

实现拖动的步骤 HTML 结构 创建一个可拖动的元素和一个放置区域: <div id="draggable" draggable="true">拖动我</div> <d…

js验证码实现

js验证码实现

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