<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
// 方法一 最简单,
var arr = [1, 1, 2, 2, 2, 3, 3, 3, 35445, 'ddd', 'ddd', 1564844]
var res = []//接收不重复的数据
for (var i = 0; i < arr.length; i++) {
// console.log(arr[i])
for (var j = 0; j < i; j++) {
if (arr[i] === arr[j]) {
arr.splice(j, 1)//把相同的那一位删了
j--
}
}
}
console.log(arr)
// 获取每个值 方法二
for (var i = 0; i < arr.length; i++) {
var flag = true;//表示不重复true false重复
// 与每一次取到的值进行比较 看是否有重复的
for (var j = 0; j < i; j++) {
// 如果有重复的,跳出本次循环
if (arr[i] === arr[j]) {
// 重复
flag = false
break;//优化新能,循环次数少
}
}
if (flag) {//flag 不会将重复数据 添加到res中
res.push(arr[i])
}
}
console.log(arr)
// 方法三:
var arr = [1, 1, 2, 3, 3, 4, 4, 5]
var res = []
// indexOf()返回数据的在数组中的索引值;如果为-1表示该数组中没有这个数据
// ---------> 参数为被【查询的数据】
for (var i = 0; i < arr.length; i++) {
// 判断res中是否arr中数据
if (res.indexOf(arr[i]) === -1) {
res.push(arr[i])
}
}
console.log(res, '-----------------')
// 方式四
// 性能最好
var arr = [1, 1, 1, 2, 2, 2, 3, 3, 3, 4, 45, 55, 6, 6,]
var res = []; // 声明的新数组
// 从后往前获取每一个数,让该数与之前的所有数进行比较
for (var i = arr.length - 1; i >= 0; i--) {
var flag = true // 作为开关 true 表示不重复/
for (var j = i - 1; j >= 0; j--) {
// 对重复数据的处理
if (arr[i] === arr[j]) {
flag = false; // 表示重复
// 删除前面重复的数
arr.splice(j, 1)
break
}
}
if (flag) {
res.unshift(arr[i])
}
}
console.log(arr)
</script>
</body>
</html>
js去重补充
最新推荐文章于 2022-06-06 16:53:09 发布