时间戳

首页 > 解决方案 > 通过数组映射后根据索引对对象数组进行排序

javascript - 通过数组映射后根据索引对对象数组进行排序

问题描述

我正在从服务器获取一个对象数组，并使用“map”来呈现数组元素，如下所示：

data.map((item, index) => {
     <div>{item.index + 1}</div>
     <div>{item.name}</div>
     <div>{item.price}</div>
})

我得到一个从索引 1 开始按升序排列的项目列表。我想要做的是，我想按降序重新排列数组。我想要使​​用指示数组的最后一个元素的最新索引呈现的第一个元素。有没有办法在 javascript 和 ReactJs 中实现这一点。提前致谢。

标签： javascriptreactjssorting

解决方案

您可以通过发出以下方法轻松地做到这一点reverse：

data.reverse().map((item, index) => {
     <div>{item.index + 1}</div>
     <div>{item.name}</div>
     <div>{item.price}</div>
})

请记住，这也会更改原始数组。所以该reverse方法不仅会返回一个反转的数组data，还会改变data数组本身。

推荐阅读