标签：arr 12 const name 重复 age 张三 js 数组

 一、普通数据

const arr=['111','222','333','444','555'];
//判断数组元素是否有重复
        getisRepeat: function(arr) {
            var hash = {};
            for (var i in arr) {
                if (hash[arr[i].name]) {
                    //hash 哈希
                    return true;
                }
                hash[arr[i].name] = true;
            }
            return false;
        },

二、对象元素数组

例如有需求，要判断下方这个数组中，name是否有重复的数据

const arr=[
  {name:"张三3",age:12},
  {name:"张三2",age:12},
  {name:"张三",age:12},
  {name:"张三1",age:12}
];

下面用三种方法解决

1.先利用ES6语法Set将数组去重，之后再原数组比较长度，若长度小于原数组，则说明数组有重复值

const arr=[
  {name:"张三3",age:12},
  {name:"张三2",age:12},
  {name:"张三",age:12},
  {name:"张三1",age:12}
];
const newListLength=new Set(arr.map(item=>item.name)).size;
const listLength=arr.length;
if(listLength>newListLength){
  console.log("重复");
}

2.先将数组转换成字符串，再遍历数组，在字符串中移除当前的数组元素之后还能找到该元素，则说明数组有重复值。

const arr=[
  {name:"张三3",age:12},
  {name:"张三2",age:12},
  {name:"张三",age:12},
  {name:"张三1",age:12}
];
/*
  replace不用正则的话，只会替换掉第一个符合条件的数据
  之所以加逗号，是因为这样可以确保数据的唯一性，如果不加逗号，会导致数据不对，比如说第三条数据"张三",replace之后还会查到第四条数据中的"张三",所以得加上逗号确保唯一性
*/
const newArr=arr.map(item=>item.name);
const str=newArr.join(",")+",";
const flag=newArr.some(item=>{
  return str.replace(item+",","").indexOf(item+",")>-1
});
if(flag){
  console.log("重复");
}

3.利用findIndex或者indexOf查到的下标和当前循环的下标对比是否相等

//indexOf查找是否有重复的
const arr=[
  {name:"张三3",age:12},
  {name:"张三2",age:12},
  {name:"张三",age:12},
  {name:"张三1",age:12}
];
const newArr=arr.map(item=>item.name);
const isRepeat=newArr.some((item,index,arr)=>arr.indexOf(item)!=index);
if(isRepeat){
  console.log("重复");
}

//findIndex查找是否有重复的
const arr=[
  {name:"张三3",age:12},
  {name:"张三2",age:12},
  {name:"张三",age:12},
  {name:"张三1",age:12}
];
const newArr=arr.map(item=>item.name);
const isRepeat=newArr.some((x,index,arr)=>arr.findIndex(y=>y==x)!=index);
if(isRepeat){
  console.log("重复");
}

标签：arr,12,const,name,重复,age,张三,js,数组
来源： https://www.cnblogs.com/czhowe/p/16617356.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。