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

深藏阁楼爱情的钟 2022-11-30 12:26 314阅读 0赞

## 一维数组 ##

> 存在则返回当前项索引，不存在则返回 -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