数组去重

Posted 2021-01-29 mr-cui

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了数组去重相关的知识，希望对你有一定的参考价值。

https://www.cnblogs.com/guangyan/articles/6682686.html

    let obj=[
         {
            name:"崔1",
         },
          {
            name:"崔2"
         },
          {
            name:"崔3"
         },
          {
            name:"崔1"
         },
          {
            name:"崔2"
         },
          {
            name:"崔2"
         },
          {
            name:"崔2"
         }, {
            name:"崔2"
         },
          {
            name:"崔2"
         },
          {
            name:"崔2"
         },
          {
            name:"崔4"
         },
          {
            name:"崔3"
         },
      ]
     var json ={}
     var arr=[]
     obj.forEach((item)=>{
      if(!json[item.name]){
         json[item.name]=true
         arr.push(item)
      }
     })
     console.log(arr)

<!DOCTYPE html>
<html>
<head>
    <title>123</title>
</head>
<body>
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<div id="app">
  <div>
      <ul>
         <li v-for="item in obj">
            <span>{{item.name}}</span>
            <input type="checkbox" v-model="item.checked" name="">
         </li>

      </ul>
      <div>
         <b>选中成员：{{total}}</b>
      </div>
  </div>

</div>

    <script type="text/javascript">
            let obj=[
         {
            name:"崔1",
            checked:false
         },
          {
            name:"崔2"
            ,
            checked:false
         },
          {
            name:"崔3"
            ,
            checked:false
         },
          {
            name:"崔1"
            ,
            checked:false
         },
          {
            name:"崔2"
            ,
            checked:false
         },
          {
            name:"崔2"
            ,
            checked:false
         },
          {
            name:"崔2",
            checked:false
         }, {
            name:"崔2",
            checked:false
         },
          {
            name:"崔2",
            checked:false
         },
          {
            name:"崔2",
            checked:false
         },
          {
            name:"崔4",
            checked:false
         },
          {
            name:"崔3",
            checked:false
         },
      ]
      var app = new Vue({
  el: ‘#app‘,
  data: {
    message: ‘Hello Vue!‘,
    obj:obj,
  },
  computed:{
      total(){
        return this.removeDuplicatedItem(obj.filter(item=>item.checked)).length
      }
  },
  methods:{
      removeDuplicatedItem(arr){
         for(var i = 0; i < arr.length-1; i++){
          for(var j = i+1; j < arr.length; j++){
                    if(arr[i].name==arr[j].name){
                      arr.splice(j,1);//console.log(arr[j]);
                       j--;
                    }
                }
            }
             return arr;
      }
  }
})
    </script>
</body>
</html>

以上是关于数组去重的主要内容，如果未能解决你的问题，请参考以下文章