javascript 数组/对象去重

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript 数组/对象去重，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1953字，纯文字阅读大概需要3分钟。

内容图文

以下代码均在vue的methods中写的，记录用vue写选择题时遇到的问题

数组去重

var arr1=[1111,22222,333333,22222,333333]
去重后，结果为 arr2=[1111,22222,333333]

 finishGreen: [], //做完题目

  var _self = this;
 _self.finishGreen.push(itemselect.Id) //将当前选择题的id放进一个数组中
 _self.newArr(_self.finishGreen)

 methods: {
     // 数组去重
    newArr(arr) {
      for (var i = 0; i < arr.length; i++) {
        for (var j = i + 1; j < arr.length; j++)
          if (arr[i] == arr[j]) {
            //如果第一个等于第二个，splice方法删除第二个
             arr.splice(j, 1);
            j--;
          }
      }
      return arr;
    },
}

对象去重

写选择题时候，需要将选项id,和所选的index传给后台，参数格式为：
choices=“69ab05ad-434d-4a14-a63d-24049ca2467d,0,fdc3bf01-9750-487a-95db-84f027b8e16f,2”
即第一id代表的选择题选的是第一个选项，第二个id代表的选择题选的是第三个选项，本来定义一个数组

  choiceParam: [], //选择的答案

     var _self = this;
      _self.choiceParam.push(
        itemselect.Id,//当前题目id
        _self.$refs.choiceIndex[indexoption].getAttribute("indexoption")//当前题目选择的哪一个选项：0,1,2,3
      );

此方法在每一题只点击一个的情况下是ok的，输出结果是[69ab05ad-434d-4a14-a63d-24049ca2467d,0,fdc3bf01-9750-487a-95db-84f027b8e16f,2],然后 _self.choiceParam.join(",") 就得到了正确的参数格式。
问题来了，如果每一题不止点击一次，先选择A，再选择B，这种情况下上述的代码就不正确了，因为会生成重复的id数据,
所以代码如下：

      //保存每次选择的id,答案
        var has=false;
        for(let i in _self.choiceParam){
          if(_self.choiceParam[i].id===itemselect.Id){
            has=true;
            _self.choiceParam[i].index=_self.$refs.choiceIndex[indexoption].getAttribute("indexoption");
            return true;
          }
        }
        if(!has){
          _self.choiceParam.push({
                id:itemselect.Id,
                index:_self.$refs.choiceIndex[indexoption].getAttribute("indexoption")
            });
        }

此时得到的数据是一个数组里面好多对象，每个对象里面都有两个属性，分别是id,index.,现在需要把每个对象的key去掉，只要key对应的value值，所以就有了如下代码：

   var choicePram=_self.choiceParam,arrraychoice=[];
     for(let i in choicePram){
          arrraychoice.push(
            choicePram[i].id,
            choicePram[i].index
          )
     }

最后 arrraychoice.join(",") 就是最需要的结果

内容总结

以上是互联网集市为您收集整理的javascript 数组/对象去重全部内容，希望文章能够帮你解决javascript 数组/对象去重所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端