JavaScript - 判断对象数组中是否存在某个对象(一维 / 多维数组判断)

一维数组

存在则返回当前项索引,不存在则返回 -1。

这个很简单,因为数组项不包含嵌套,直接用 JavaScript 提供的 indexOf 方法。

// Array
var arr = ['A', 'B', 'C']

// 如果不等于-1则代表存在
if(arr.indexOf('D') != -1){
	console.log('存在!')
}

// 否则不存在
else{
	console.log('不存在!')
}

多维数组

这类数组较为复杂,下面有 2 个经典方法,根据具体业务逻辑情况来选择。

一、利用数组 API some 来判断(全扒出来比一比)

// Array
var arr = [
  {name: 'A'},
  {name: 'B'},
  {name: 'C'}
]

/*
* @遍历循环找出相同项
* @返回值: Boolean
* @如果返回true则表示有相同项
* @如果返回false则表示无相同项
* @注意:如果你需要更严格的对比,
* 请自行添加if判断条件即可。
*/
var res = arr.some(item => {
    if(item.name == 'C'){
		return true;
    }
})

// 业务逻辑
if(res){ //... }

很经典,微信小程序中也能使用。


二、通过 JSON API 转字符串来完成(但你必须确保对象顺向一致)

// Array
var arr = [
  {name: 'A'},
  {name: 'B'},
  {name: 'C'}
];

// 假设这是动态获取到的数组项
const item = {name: 'A'};

// 如果数组里面不存在该项
// 则把这个该项添加进去
if(JSON.stringify(arr).indexOf(JSON.stringify(item)) == -1){

     arr.push(item);//把该项添加到数组中
	 // ...
}

// 如果存在该项
else {

  console.log('该项已存在!');
  // ...
}

请注意!如果对象的顺序不一样,无法检测到重复项!

例如:

const itme = {name: 'A', age: 12};
const itme2 = {age: 12, name: 'A'};//X

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/108193436
今日推荐