当前位置:首页 > JavaScript

js实现数组对象倒序

2026-01-31 05:30:33JavaScript

使用 reverse() 方法

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

js实现数组对象倒序

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

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

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

js实现数组对象倒序

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}]

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

相关文章

vue实现数组平均值

vue实现数组平均值

计算数组平均值的方法 在Vue中计算数组的平均值可以通过多种方式实现。以下是几种常见的方法: 方法一:使用计算属性 export default { data() { retu…

java如何输出数组

java如何输出数组

输出数组的方法 在Java中,输出数组内容有多种方式,具体取决于数组类型和输出格式需求。以下是几种常见的方法: 使用Arrays.toString()方法 适用于一维数组,直接调用Arrays.to…

vue怎么实现数组遍历

vue怎么实现数组遍历

数组遍历的基本方法 在Vue中遍历数组可以使用v-for指令,这是Vue提供的用于渲染列表数据的核心指令。基本语法如下: <ul> <li v-for="item in ite…

vue实现数组双向绑定

vue实现数组双向绑定

实现数组双向绑定的方法 在Vue中,实现数组的双向绑定通常需要结合v-model指令或自定义事件处理。以下是几种常见的方法: 使用v-model绑定数组 Vue的v-model指令默认支持表单元素的…

react如何倒着渲染数组

react如何倒着渲染数组

倒序渲染数组的几种方法 在React中倒序渲染数组可以通过多种方式实现,以下是几种常见的方法: 使用reverse()方法 直接调用数组的reverse()方法会改变原数组,因此在渲染前需要创建副本…

react如何监听state的数据对象

react如何监听state的数据对象

监听 React state 数据对象的方法 在 React 中,state 的变化通常通过 setState 或 useState 更新,但直接监听 state 对象的变化需要特定方法。以下是几种常…