对象和数组去重
程序员文章站
2022-06-22 14:06:29
数组去重什么是数组去重,是让数组里面重复消失,用两层循环让他们进行比较,挑选出最大的这是第一种;本人写不是很好,如果看不懂请见谅 var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1]; // 去除数组中重复的数据 for(var i = 0 ;i
数组去重
什么是数组去重,是让数组里面重复消失,
用两层循环让他们进行比较,挑选出最大的
这是第一种;
本人写不是很好,如果看不懂请见谅
var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1];
// 去除数组中重复的数据
for(var i = 0 ;i<arr.length;i++){ //获取arr的长度
console.log(`第${i+1}次比较`); //这个是查看比较过程
for(var j = i+1;j<arr.length;j++){ //里面的i+1;是和下一位比较,是22,
console.log('i=====',arr[i],'j=====',arr[j]);
// 如何由重复的 删除后面的元素。
if(arr[i]===arr[j]){
// 重复
arr.splice(j,1); // 根据索引 删除一个
// 回退到当前的删除元素的位置
j--
}
}
}
console.log(arr);
第二种
原始双层for循环去重
var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1]
// var res = []; // 不重复的元素数组
// var flag = false;// 表示 res 中是否存在 arr 数组中元素 true 存在 false 不存在
// for (var i = 0; i < arr.length; i++) {
// // 验证res 中是否存在 arr[i]
// for (var j = 0; j < res.length; j++) {
// if(arr[i]===res[j]){
// // 存在。
// flag = true;
// // 没必要继续比较。结束比较循环
// break
// }else{
// // 不存在
// flag = false;
// }
// }
// // 数据处理
// // 如果不存在;将arr[i] 添加到res 中
// if(!flag){
// res.push(arr[i])
// }
// }
// console.log(res);
用字符串对象indexOf方法查找来实现去重,
// var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1];
var res = []; // 目的:只要保证数组中元素式不重复的
for (var i = 0; i < arr.length; i++) {
// 判断 res 中是否存在 arr[i]
if (res.indexOf(arr[i]) === -1) {
// 如果不存在 将 arr[i] 添加到 res 中
res.push(arr[i])
}
}
console.log(res);
用数组对象来实现
// var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1];
// var res = arr.filter(function(item,index,array){
// // console.log(array);
// console.log(array.indexOf(item),'item===',item,'index====',index);
// // array.indexOf(item) !== index // 当前的item 重复
// return array.indexOf(item) === index
// })
// console.log(res);
对象去重
用原始for去重
var arrObj = [
{ product: "苹果", code: "123", id: 0 },
{ product: "苹果", code: "123", id: 0 },
{ product: "香蕉", code: "133", id: 0 },
{ product: "香蕉", code: "133", id: 0 },
{ product: "苹果", code: "123", id: 0 },
{ product: "苹果", code: "123", id: 0 },
];
// 去除是code 相等的元素
var res = [];
var flag = false;
for(var i = 0;i<arrObj.length;i++){
// 验证 code 是否存在重复的
for(var j = 0;j<res.length;j++){
if(arrObj[i].code===res[j].code){
flag = true;
break
}else{
flag = false;
}
}
if(!flag){
res.push(arrObj[i])
}
}
console.log(res);
用函数封装去重
var arr = [1, 22, 1, 1, 1, 1, 3, 3, 3, 1, 1];
function unique(array){
var res = [];
array.forEach(function(item){
if(res.indexOf(item)===-1)
res.push(item)
});
return res
}
console.log(unique(arr))
本文地址:https://blog.csdn.net/jiangchengnihao/article/details/111134784
上一篇: 微信小程序全选多选效果实现代码解析
下一篇: 修改vue源码实现动态路由缓存的方法