js数组根据另一个数组进行排序

最新推荐文章于 2024-08-15 08:55:57 发布

jiangzhihao0515

最新推荐文章于 2024-08-15 08:55:57 发布

阅读量387

点赞数 1

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/jiangzhihao0515/article/details/130250211

版权

在开发中，当后端返回的数据顺序不确定时，需要根据前端定义的顺序展示。文章提供了两种方法对数据进行排序：一种是通过映射和indexOf，另一种是使用findIndex。这两种方法确保了数据按照前端指定的键的顺序排列。

摘要由CSDN通过智能技术生成

在日常开发中碰到自定义表头展示选择数据需要按照前端定义的顺序（某种规则）展示数据，后端返回的顺序是不确定的，这个时候就需要进行排序来满足条件。记录一下。

// 后端返回数据
let arr1 = [{configItemKey: "robot.chargeFirst", configItemValue: "FALSE"},
{configItemKey: "robot.poseStatus", configItemValue: "FALSE"},
{configItemKey: "companyName", configItemValue: "FALSE"},
{configItemKey: "source", configItemValue: "TRUE"},
{configItemKey: "robot.ip", configItemValue: "FALSE"}]

// 前端数据
let arr2 = [{titleKey: 'time', key: 'breakdownTime'},
{titleKey: 'robot.iptime', key: 'robot.ip'},
{titleKey: 'robot.chargeFirsttime', key: 'robot.chargeFirst'},
{titleKey: 'time2', key: 'breakdownTime2'},
{titleKey: 'robot.poseStatustime', key: 'robot.poseStatus'},
{titleKey: 'companyNametime', key: 'companyName'},
{titleKey: 'sourcetime', key: 'source'}]

// 方法一
const Arr = arr2.map(item=> item.key)
arr1.sort((a,b) => Arr.indexOf(a.configItemKey) - Arr.indexOf(b.configItemKey))
console.log(arr1)


// 方法二
arr1.sort((a,b) => arr2.findIndex(item=>item.key == a.configItemKey) - arr2.findIndex(item=>item.key == b.configItemKey))
console.log(arr1)


// 简单数组
var arr1 = [52,23,36,11,09];
var arr2 = [23,09,11,36,52];
// 要求arr1按照arr2的顺序来排序，可以看到两个数组都不是常规的从小到大排序的

arr1.sort((a,b) => arr2.indexOf(a)-arr2.indexOf(b))