JS 判断两个数组是否全等，以数组对象属性为例 - 附完整示例

Web - Nancy

已于 2024-06-12 16:48:44 修改

阅读量326

点赞数

分类专栏： JS ES6 文章标签： javascript 前端开发语言

于 2023-08-28 08:00:00 首次发布

本文链接：https://blog.csdn.net/m0_48968874/article/details/132188199

版权

JS 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

ES6

2 篇文章 0 订阅

订阅专栏

效果

一、准备工作

1、准备两个数组

const oldData = [ { id: 1, tilte: 'apple' }, {id: 2, title: 'orange' }, { id: 3, title: 'pear' } ];
const newData = [ { id: 1, tilte: 'apple' }, {id: 2, title: 'orange', color: 'orange' }, { id: 3, title: 'pear' } ];

2、过滤空属性

 function isEmpty(obj) {
   if (typeof obj === 'undefined' || obj === null || obj === '' || obj.length === 0) return true;
   return false
 }
      
 function preProcessData(formData) {
   Object.keys(formData).forEach(item => {
     if (isEmpty(formData[item])) {
       delete formData[item];
     }
   })
   return formData;
 }

3、以newData为例的过滤效果

二、完整示例

function isEmpty(obj) {
  if (typeof obj === 'undefined' || obj === null || obj === '' || obj.length === 0) return true;
    return false
  }
      
function preProcessData(formData) {
  Object.keys(formData).forEach(item => {
    if (isEmpty(formData[item])) {
       delete formData[item];
    }
  })
  return formData;
}
      
const oldData = [ { id: 1, tilte: 'apple' }, {id: 2, title: 'orange' }, { id: 3, title: 'pear' } ];
const newData = [ { id: 1, tilte: 'apple', color: '' }, {id: 2, title: 'orange', color: 'orange', piece: null }, { id: 3, title: 'pear', color: undefined } ];

let newArray = [];
newData.map((o) => {
  newArray.push(preProcessData(o));
});
console.log(newArray);

if (oldData.some((value, index) => JSON.stringify(value) !== JSON.stringify(newArray[index]))) {
  console.log('这两个数组不全等');
}