vue中，为json数组（数组中多个对象的数据）做去重

名字还我

已于 2023-12-15 11:52:09 修改

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：工作日志文章标签： javascript 开发语言 ecmascript

于 2022-03-10 14:15:29 首次发布

本文链接：https://blog.youkuaiyun.com/qq_54896898/article/details/123400380

工作日志专栏收录该内容

34 篇文章

订阅专栏

本文探讨了两种JavaScript中处理数组去重的方法，包括利用对象属性的唯一性进行去重以及使用filter方法结合多个参数判断的独特技巧。这两种方法在处理包含复杂对象的数组时尤为实用，确保了下拉框多选的选项不重复。

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

处理需求：下拉框多选去重等。

  let array = [
        {
            name:'张三',
            age:18,
            sex:'男'
        },
        {
            name:'王五',
            age:18,
            sex:'男'
        },
        {
            name:'赵六',
            age:18,
            sex:'男'
        },
        {
            name:'王五',
            age:18,
            sex:'女'
        },
        {
            name:'赵六',
            age:18,
            sex:'女'
        },
        {
            name:'张三',
            age:18,
            sex:'女'
        },
        {
            name:'李四',
            age:18,
            sex:'男'
        },
        {
            name:'李四',
            age:18,
            sex:'女'
        },
      ]
//方法一，只判断一个参数
      var hash = {};
      let newarr = array.reduce((item, next) => {
      //name更换成自己的参数
        hash[next.name] ? "" : hash[next.name] = true && item.push(next);
        return item;
      },[]);
console.log(newarr) //控制台打印查看
//方法二，多个参数判断
 var c = array.filter(function (item, index) {
  var _index = array.findIndex(function (_item) {
  // 条件根据自身需求更改
     return item.name == _item.name && item.age == _item.age && item.sex == _item.sex;
   });
     return index == _index;
  });
  console.log(c.reverse()) //控制台打印查看