JS判断两个table数据是否完全相等(判断两个数组对象是否完全相等)
需求
现有的table为tableA
,有多个要做对比的table为一个数组 CompareArray
涉及到的问题
- 外层是数组,但是内部数据都是对象,对象属性名的排序不一样
- 外层数组也涉及到 顺序不一样的问题
思路
-
对
compareArray
做长度筛选filter
得到 同长度的table,为一个新数组,sameLengthArray
-
对
tableA
以属性名称做排序(这里应该是以属性名称的英文字母做排序) -
对
sameLengthArray
做filter遍历, 对遍历的每一项sItem
,先做一个以属性名称做排序 -
tableA
做filter遍历,判断当前项e
在sItem
中是否找得到 【用字符串来判断】JSON.stringify(sItem).includes(JSON.stringify(e))
5.如果两个table一样,那么步骤4
filter出来的长度
就应该和tableA
的长度一样
Code
// 先筛选出条件长度相同的项const sameLengthArray = compareArray.filter(e => e.length === tableA.length)if (sameLengthArray && sameLengthArray.length > 0) {// 以属性名称做排序tableA.forEach((e, index) => {tableA[index] = JSON.parse(JSON.stringify(objKeySort(e)))})const resultRecord = sameLengthArray.filter(sItem => {// 以属性名称做排序sItem.forEach((e, index) => {sItem[index] = JSON.parse(JSON.stringify(objKeySort(e)))})// 如果当前和这个是一样的,那么filter出来的数组应该和当前数组长度一致const hasIndex = tableA.filter(e =>JSON.stringify(sItem).includes(JSON.stringify(e)))return hasIndex && hasIndex.length === tableA.length})if (resultRecord && resultRecord.length > 0) {console.log("存在数据相同的table")} else {console.log("没有相同的table")}} else {console.log("没有相同的table")}//**********************************
// 属性排序方法是额外的
export function objKeySort(obj) {//排序的函数var newkey = Object.keys(obj).sort();//先用Object内置类的keys方法获取要排序对象的属性名,再利用Array原型上的sort方法对获取的属性名进行排序,newkey是一个数组var newObj = {};//创建一个新的对象,用于存放排好序的键值对for (var i = 0; i < newkey.length; i++) {//遍历newkey数组newObj[newkey[i]] = obj[newkey[i]];//向新创建的对象中按照排好的顺序依次增加键值对}return newObj;//返回排好序的新对象
}