当前位置:首页 > 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 手动生成新数组:

js实现数组对象倒序

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 数组响应式原理 Vue 通过重写数组的原型方法来实现对数组变化的监听。Vue 没有直接监听数组的索引变化,而是通过拦截数组的变异方法(如 push、pop、splice 等)来触发视图更新。…

java如何定义数组

java如何定义数组

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

vue 实现数组排序

vue 实现数组排序

在 Vue 中实现数组排序的方法 使用 JavaScript 原生排序方法 Vue 中可以直接调用 JavaScript 的 Array.prototype.sort() 方法对数组进行排序。对于数字…

vue实现数组绑定

vue实现数组绑定

Vue 数组绑定的实现方法 Vue 提供了多种方式实现数组的响应式绑定,确保数据变化时视图自动更新。以下是常见的实现方法: 使用 v-for 指令渲染数组 通过 v-for 指令可以遍历数组并渲染…

实现vue数组双向绑定

实现vue数组双向绑定

Vue 数组双向绑定的实现方法 Vue 通过数据劫持和发布-订阅模式实现数据的双向绑定,但直接修改数组的某些方法(如索引赋值)无法触发视图更新。以下是实现数组双向绑定的几种方法: 使用 Vue.se…

vue实现添加数组

vue实现添加数组

Vue 实现添加数组的方法 在 Vue 中,可以通过多种方式实现向数组添加元素。以下是几种常见的方法: 使用 push 方法 通过 Vue 的响应式系统,直接调用数组的 push 方法添加元素:…