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

javascript 中数组对象操作方法

news 2025/7/19 7:09:21

一、Filter方法：该方法会对原数组过滤并返回新数组，它不会改变原数组

let array2=[{id:'songxiaofeng',name:'宋晓锋'},{id:'xieyongqiang',name:'谢永强'},{id:'zhaoyutian',name:'赵玉田'},{id:'wangtianlai',name:'王天来'},{id:'zhaosi',name:'赵四'}]let array=array2.filter(i=>i.id=="zhaosi");console.log('array',array);

二、Some方法：该方法会遍历数组元素，找到符合条件的元素返回`true`，否则返回`false`，它不会修改原数组。

let array2=[{id:'songxiaofeng',name:'宋晓锋'},{id:'xieyongqiang',name:'谢永强'},{id:'zhaoyutian',name:'赵玉田'},{id:'wangtianlai',name:'王天来'},{id:'zhaosi',name:'赵四'}]let bool=array2.some(i=>i.id=="zhaosi");console.log('bool',bool);

三、Filter和Some：组合使用可实现在两个数组对象中找到相同的元素

let array1=[{id:'pichangshan',name:'皮常山'},{id:'xieguangkun',name:'谢广坤'},{id:'wanglaoqi',name:'王老七'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}
]
let array2=[{id:'songxiaofeng',name:'宋晓锋'},{id:'xieyongqiang',name:'谢永强'},{id:'zhaoyutian',name:'赵玉田'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}
]let array=array1.filter(i=>array2.some(item=>i.id==item.id));console.log('array',array);

四、Filter和Some：组合使用也可实现在两个数组对象中找到不相同的元素

let array1=[{id:'pichangshan',name:'皮常山'},{id:'xieguangkun',name:'谢广坤'},{id:'wanglaoqi',name:'王老七'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}
]
let array2=[{id:'songxiaofeng',name:'宋晓锋'},{id:'xieyongqiang',name:'谢永强'},{id:'zhaoyutian',name:'赵玉田'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}
]let array=array1.filter(i=>!array2.some(item=>i.id==item.id));let arrays=array2.filter(i=>!array1.some(item=>i.id==item.id));console.log('array',array);console.log('arrays',arrays);

五、Map：使用Map对象高效率查找，更适合大量数据使用

let array1=[{id:'pichangshan',name:'皮常山'},{id:'xieguangkun',name:'谢广坤'},{id:'wanglaoqi',name:'王老七'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}]let array2=[{id:'songxiaofeng',name:'宋晓锋'},{id:'xieyongqiang',name:'谢永强'},{id:'zhaoyutian',name:'赵玉田'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}]let map=new Map(array1.map(item=>[item.id,item]));console.log('map',map);let arrays=array2.filter(i=>map.has(i.id));console.log('arrays',arrays);

六：unionBy合并去重，属于 'lodash'下方法‌，需要安装和引入

import {unionBy,isEqual} from 'lodash';

  let array1=[{id:'pichangshan',name:'皮常山'},{id:'xieguangkun',name:'谢广坤'},{id:'wanglaoqi',name:'王老七'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}]let array2=[{id:'songxiaofeng',name:'宋晓锋'},{id:'xieyongqiang',name:'谢永强'},{id:'zhaoyutian',name:'赵玉田'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}]let array=unionBy(array2, array1, 'id');console.log('array',array)

七：isEqual判断两个对象是否相同，属于 'lodash'下方法‌，需要安装和引入

import {unionBy,isEqual} from 'lodash';

    let params1={id:'zhaosi',name:'赵四'};let params2={id:'liuneng',name:'刘能'};let bool=isEqual(params2, params1);console.log('bool',bool)

也适用于数组对象比较是否相同

 let array1=[{id:'pichangshan',name:'皮常山'},{id:'xieguangkun',name:'谢广坤'},{id:'wanglaoqi',name:'王老七'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}]let array2=[{id:'pichangshan',name:'皮常山'},{id:'xieguangkun',name:'谢广坤'},{id:'wanglaoqi',name:'王老七'},{id:'liuneng',name:'刘能'},{id:'zhaosi',name:'赵四'}]let bool=isEqual(array1, array2);console.log('bool',bool)