JS数组对象去重

本文介绍了一种使用JavaScript对象来去除数组重复元素的方法,并演示了如何用reduce函数实现相同功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

遍历数组,通过对象访问属性
var arr = [{
        key: '01',
       value: '啦啦啦
     }, {
        key: '02',
        value: '呜呜呜'
     }, {
        key: '03',
        value: '嘻嘻嘻'
    },{
       key: '04',
      value: '哈哈哈'
   },{
      key: '01',
       value: '啦啦啦'
    }];
 

    //利用对象访问属性的方法,判断对象中是否存在key
    var result = [];
    var obj = {};
  for(var i =0; i<arr.length; i++){
      if(!obj[arr[i].key]){
         result.push(arr[i]);
          obj[arr[i].key] = true;
       }
    }
    console.log(result); // [{key: "01", value: "'啦啦啦"},{key: "02", value: "呜呜呜"},{key: "03", value: "嘻嘻嘻"},{key: "04", value: "哈哈哈"}]
利用reduce方法遍历数组,reduce第一个参数是遍历需要执行的函数,第二个参数是item的初始值
       var obj = {};
     arr = arr.reduce(function(item, next) {
       obj[next.key] ? '' : obj[next.key] = true && item.push(next);
       return item;
    }, []);
    console.log(arr); // [{key: "01", value: "'啦啦啦"},{key: "02", value: "呜呜呜"},{key: "03", value: "嘻嘻嘻"},{key: "04", value: "哈哈哈"}]
### JavaScript 数组对象方法 在前端开发中,数组对象是一个常见需求。以下是几种常用的实现方式: #### 使用 `Map` 和 `Array.prototype.filter()` 进行 通过利用 `Map` 的键唯一性特性,可以高效地数组中的复项。 ```javascript let data = [ { name: 'DFG', apply_phone: '131****8569' }, { name: '李三', apply_phone: '150****8859' }, { name: '网三', apply_phone: '176****8666' }, { name: 'DFG', apply_phone: '131****8569' } ]; let uniqueData = data.filter((item, index) => { const map = new Map(); return !map.has(item.apply_phone) && (map.set(item.apply_phone, true)); }); console.log(uniqueData); ``` 这种方法的核心在于使用 `Map` 存储已遍历过的电话号码作为键[^3]。 --- #### 使用 `reduce()` 方法进行 借助 `reduce()` 函数,可以在累积过程中过滤掉复的对象。 ```javascript let uniqueDataReduce = data.reduce((acc, current) => { const x = acc.find(item => item.apply_phone === current.apply_phone); if (!x) { acc.push(current); } return acc; }, []); console.log(uniqueDataReduce); ``` 此代码片段展示了如何通过累加器来构建一个新的无数组[^2]。 --- #### 利用 `Set` 结合自定义逻辑 如果目标字段(如 `apply_phone`)是唯一的,则可以通过 `Set` 来存储这些值并排除复项。 ```javascript let seenPhones = new Set(); let uniqueDataSet = data.filter(item => { if (seenPhones.has(item.apply_phone)) { return false; // 如果已经存在则跳过 } else { seenPhones.add(item.apply_phone); // 否则加入集合 return true; } }); console.log(uniqueDataSet); ``` 上述代码实现了基于特定属性的功能[^4]。 --- #### 性能对比与适用场景分析 不同的方法适用于不同规模的数据集以及具体业务需求。对于小型数据集而言,任何一种方法都可以满足性能要求;但对于大型数据集来说,推荐优先考虑时间复杂度较低的方式,比如基于哈希表(即 `Map` 或 `Set`)的技术方案。 --- ### 示例总结 以上三种方法均能够有效完成 JavaScript 中数组对象任务。开发者可以根据实际项目情况和个人偏好选择最适合自己的解决方案。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值