当前位置: 首页 > news >正文

js reverse实现数据的倒序

2023.8.25今天我学习了如何在数组顺序进行倒序排列,如:

 原数组为:

我们只需要对数组使用reverse()方法

let demo = [{id: 1, name: '一号'},{id: 2, name: '二号'},{id: 3, name: '三号'},]demo.reverse()console.log(demo)

扩展:

当我们想要对数据进行倒序排列但是又想让时间保持原来的顺序:

let demo = [{id: 1, name: '一号', time: '2021'},{id: 2, name: '二号', time: '2022'},{id: 3, name: '三号', time: '2022'},]

我们可以先将时间独立出来:

 let demo = [{id: 1, name: '一号', time: '2021'},{id: 2, name: '二号', time: '2022'},{id: 3, name: '三号', time: '2022'},]const nameOrder = demo.map(item => item.time); // 提取原始数组中的 time属性顺序const reversedData = demo.slice().reverse().map((item, index) => {return {...item, time: nameOrder[index]}; // 根据原始顺序重新构建倒序后的数组});demo = reversedDataconsole.log(reversedData)

效果:

 

http://www.lryc.cn/news/143298.html

相关文章:

  • 日常踩坑记录
  • threejs特殊几何体(一:文字几何体对象)
  • 链表的实现
  • c++ std::mutex与std::condition_variable
  • Aspose.Tasks for .NET V23Crack
  • vue过渡及动画
  • Linux环境下SVN服务器的搭建与公网访问:使用cpolar端口映射的实现方法
  • 【ubuntu】 DNS 设置工具 resolvectl
  • Keepalived+Lvs(dr)调度器主备配置小实验
  • 第四讲Java基本语法——数组结构(多维数组)
  • 【题解】JZOJ6578 / 洛谷P5201[USACO2019Jan]Shortcut G
  • npm install sentry-cli失败的问题
  • Node opensslErrorStack 错误解决方法记录
  • 你知道什么是Grandmillennial风格吗,进来看看吧
  • App Inventor 2 开发 ChatGPT 对话App
  • SQL 大小敏感问题
  • 微信小程序+Taro 混编,Taro 使用微信原生 behaviors
  • b树/b+树、时间轮、跳表、LSM-Tree
  • Unity OnDrawGizmos的简单应用 绘制圆形
  • Uniapp笔记(四)uniapp语法3
  • leetcode做题笔记105. 从前序与中序遍历序列构造二叉树
  • Python里的列表List求和
  • 启动docker容器的几种方法和注意事项(docker-compose,dockerfile)
  • bash: conda: command not found
  • Leetcode-每日一题【剑指 Offer 36. 二叉搜索树与双向链表】
  • ctfshow-萌新专属红包题
  • 谷歌面试-扔鸡蛋
  • Unity血条制作
  • vue,uniapp生成二维码
  • 分类预测 | MATLAB实现SSA-CNN-SVM基于麻雀算法优化卷积支持向量机分类预测