// 数组去重方法总结
var arr = new Array
arr = [1,2,2,3,4,4,5,6,6,7]
// 1、定义一个新数组，for循环遍历原数组，通过indexOf查询新数组是否包含原数组的当前项，=== -1 不包含，则push进新数组
function Distinct(arr) {
var newArr = []
for (let i = 0; i < arr.length; i++) {
if (newArr.indexOf(arr[i]) == -1) {
newArr.push(arr[i])
}
}
return newArr
}
console.log(Distinct(arr))
1.png
2、定义一个新数组 + for循环 + lastIndexOf()
function Distinct2(arr) {
let newArr = []
for (var i = 0; i < arr.length; i++) {
newArr.lastIndexOf(arr[i]) !== -1 ? '' : newArr.push(arr[i]);
}
return newArr
}
console.log(Distinct2(arr))
2..png
3、定义一个新数组 + for循环 + includes()
function Distinct3(arr) {
let newArr = []
for (let i = 0; i < arr.length; i++) {
if (!newArr.includes(arr[i])) {
newArr.push(arr[i])
}
}
return newArr
}
console.log(Distinct3(arr))
3.png
4、定义一个新数组 + forEach() + includes()
function Distinct4(arr) {
let newArr = []
arr.forEach(item => {
return newArr.includes(item) ? '' : newArr.push(item)
})
return newArr
}
console.log(Distinct4(arr))
4.png
5、定义一个新数组 + map() + includes()
function Distinct5(arr) {
let newArr = []
arr.map(item => {
return newArr.includes(item) ? '' : newArr.push(item)
})
return newArr
}
console.log(Distinct5(arr))
5.png
6、定义一个新数组 + filter() + includes()
function Distinct6(arr) {
let newArr = []
arr.filter(item => {
return newArr.includes(item) ? '' : newArr.push(item)
})
return newArr
}
console.log(Distinct6(arr))
6.png
7、reduce() + includes()
function Distinct7(arr) {
return arr.reduce((acc, cur) => {
acc.includes(cur) ? '' : acc.push(cur)
return acc
}, [])
}
console.log(Distinct7(arr))
7.png
8、ES6的set()方法
Set数据结构的成员的值都是唯一的,利用Array.from将Set结构转换成数组
function Distinct8(arr) {
return Array.from(new Set(arr));
}
console.log(Distinct8(arr));
8.png
附：求数组项最大值
let max = arr.reduce((a, b) => a > b ? a : b);
console.log(max)
附.png
完整代码：
// 数组去重方法总结
var arr = new Array
arr = [1,2,2,3,4,4,5,6,6,7]
// 1、定义一个新数组，for循环遍历原数组，通过indexOf查询新数组是否包含原数组的当前项，=== -1 不包含，则push进新数组
function Distinct(arr) {
let newArr = []
for (let i = 0; i < arr.length; i++) {
if (newArr.indexOf(arr[i]) == -1) {
newArr.push(arr[i])
}
}
return newArr
}
console.log(Distinct(arr))
// 2、定义一个新数组 + for循环 + includes()
function Distinct2(arr) {
let newArr = []
for (var i = 0; i < arr.length; i++) {
newArr.lastIndexOf(arr[i]) !== -1 ? '' : newArr.push(arr[i]);
}
return newArr
}
console.log(Distinct2(arr))
// 3、定义一个新数组 + for循环 + includes()
function Distinct3(arr) {
let newArr = []
for (let i = 0; i < arr.length; i++) {
if (!newArr.includes(arr[i])) {
newArr.push(arr[i])
}
}
return newArr
}
console.log(Distinct3(arr))
// 4、定义一个新数组 + forEach() + includes()
function Distinct4(arr) {
let newArr = []
arr.forEach(item => {
return newArr.includes(item) ? '' : newArr.push(item)
})
return newArr
}
console.log(Distinct4(arr))
// 5、定义一个新数组 + map() + includes()
function Distinct5(arr) {
let newArr = []
arr.map(item => {
return newArr.includes(item) ? '' : newArr.push(item)
})
return newArr
}
console.log(Distinct5(arr))
// 5、定义一个新数组 + filter() + includes()
function Distinct5(arr) {
let newArr = []
arr.filter(item => {
return newArr.includes(item) ? '' : newArr.push(item)
})
return newArr
}
console.log(Distinct5(arr))
// 7、reduce() + includes()
function Distinct7(arr) {
return arr.reduce((acc, cur) => {
acc.includes(cur) ? '' : acc.push(cur)
return acc
}, [])
}
console.log(Distinct7(arr))
// 8、ES6的set()方法 Set数据结构的成员的值都是唯一的,利用Array.from将Set结构转换成数组
function Distinct8(arr) {
return Array.from(new Set(arr));
}
console.log(Distinct8(arr));
// 附:求数组项最大值
let max = arr.reduce((a, b) => a > b ? a : b);
console.log(max)
