当前位置:首页 > JavaScript

js实现数组对象倒序

2026-01-31 05:30:33JavaScript

使用 reverse() 方法

Array.prototype.reverse() 是 JavaScript 内置方法,直接修改原数组并返回倒序后的结果:

const arr = [{id: 1}, {id: 2}, {id: 3}];
arr.reverse();
console.log(arr); // 输出: [{id: 3}, {id: 2}, {id: 1}]

创建新数组避免修改原数组

通过展开运算符或 slice() 复制数组,再调用 reverse()

const originalArr = [{id: 1}, {id: 2}, {id: 3}];
const reversedArr = [...originalArr].reverse();
console.log(reversedArr); // 输出: [{id: 3}, {id: 2}, {id: 1}]
console.log(originalArr); // 原数组保持不变

使用 sort() 自定义排序

通过比较索引实现倒序,适合需要复杂排序逻辑的场景:

const arr = [{id: 1}, {id: 2}, {id: 3}];
arr.sort((a, b) => arr.indexOf(b) - arr.indexOf(a));
console.log(arr); // 输出: [{id: 3}, {id: 2}, {id: 1}]

手动遍历实现倒序

通过 for 循环或 reduce 手动生成新数组:

const arr = [{id: 1}, {id: 2}, {id: 3}];
const reversedArr = arr.reduce((acc, item) => [item, ...acc], []);
console.log(reversedArr); // 输出: [{id: 3}, {id: 2}, {id: 1}]

js实现数组对象倒序

标签: 数组对象
分享给朋友:

相关文章

jquery 对象

jquery 对象

jQuery 对象简介 jQuery 对象是通过 jQuery 选择器或方法创建的封装了 DOM 元素的集合。它是一个类数组对象,包含一组 DOM 元素并提供 jQuery 特有的方法链式操作。 创…

java如何定义数组

java如何定义数组

定义数组的基本语法 在Java中,数组可以通过以下两种方式定义: 方式一:声明数组并指定长度 数据类型[] 数组名 = new 数据类型[数组长度]; 例如: int[] numbers…

java中如何定义数组

java中如何定义数组

定义数组的基本语法 在Java中,数组是固定长度的同类型数据集合。定义数组需指定数据类型和数组名称,可通过两种方式声明: 数据类型[] 数组名;数据类型 数组名[]; 推荐使用第一种方式,更符合J…

vue数组怎么实现

vue数组怎么实现

Vue 数组操作方法 在 Vue 中操作数组时,需要遵循响应式原则,确保视图能正确更新。以下是常见的数组操作方法: 使用变异方法 Vue 对数组的变异方法进行了封装,这些方法会触发视图更新: pu…

jquery获取对象

jquery获取对象

jQuery 获取对象的方法 jQuery 提供了多种方法来获取 DOM 对象或元素集合,以下是常见的方法: 通过 ID 选择器 使用 #id 选择器获取具有特定 ID 的元素: $("#elem…

java如何打印数组

java如何打印数组

打印数组的方法 在Java中,打印数组有多种方式,以下是几种常见的方法: 使用Arrays.toString()方法 这种方法适用于一维数组,可以快速将数组转换为字符串形式输出: int[…