【javascript】数组操作方法

1.数组去重

常见方式

①.set去重

let arr = [1,2,1,3,5,6,2];
let res = Array.from(new Set(arr));
console.log(res); //[1,2,3,5,6]

补充知识：Array.from()
Array.from():将类数组或者可迭代的对象转换成数组类型

console.log(Array.from('abc'));
// expected output: Array ["a", "b", "c"]

这个讲的好
②.双层for循环去重

let arr = [1,2,1,2,3,4,4,5,6];
for(let i = 0; i < arr.length; i++){
	for(let j = i + 1;j < arr.length;j++){
		if(arr[i] === arr[j]){
			arr.splice(j,1);
			j--;
		}
	}
}

这里的 j-- 是因为 删除了一位后，后边的替代上去，应该从后边的那个索引重新开始比较
③.新建空数组推入

let arr = [1,2,1,2,3,4,4,5,6];
funciton getArr(arr){
	let newArr = []
	for(var i = 0; i < arr.length; i++){
		// 新数组中是否已包含此元素，包含不存入
		if(newArr.indexOf(arr[i]) === -1){
			newArr.push(arr[i]);
		}
	}
}
console.log(getArr(arr));// [1,2,3,4,5,6]

不常见但高阶方式：

①.reduce()去重
用法：

let arr = [1,2,1,2,3,4,4,5,6];
let newArr = arr.reduce((prev,cur)=>{
	if(!prev.includes(cur)){
		return prev.concat(cur)
	}else{
		return prev
	}
},[])
console.log(newArr);//[1,2,3,4,5,6]

2.数组对象去重

①.reduce去重

let arr = [
	{id:1,name:'小李'},
	{id:1,name:'小韩'},
	{id:2,name:'小王'},
	{id:3,name:'小刘'},
	{id:4,name:'小张'}
]
arr.reduce((prev, cur) => {
    obj[cur.id] ? "" : (obj[cur.id] = true && prev.push(cur));
    return prev;
}, []);

②.map 去重
map学习

let arr = [
	{id:1,name:'小李'},
	{id:1,name:'小韩'},
	{id:2,name:'小王'},
	{id:3,name:'小刘'},
	{id:4,name:'小张'}
]
function getNewArr(arr){
	let map = new Map();
	for (let item of arr){
		if(!map.has(item.id)){
			map.set(item.id,item)
		}
	}
	return [...map.values()]
}
console.log(getNewArr(arr));
/*
[
    {
        "id": 1,
        "name": "小李"
    },
    {
        "id": 2,
        "name": "小王"
    },
    {
        "id": 3,
        "name": "小刘"
    },
    {
        "id": 4,
        "name": "小张"
    }
]
*/

③.双重for循环

let arr = [
	{id:1,name:'小李'},
	{id:1,name:'小韩'},
	{id:2,name:'小王'},
	{id:3,name:'小刘'},
	{id:4,name:'小张'}
]
function getNewArr(arr){
	for( let i = 0; i < arr.length - 1; i++){
		for ( let j = i+1 ; j < arr.length; j++){
			if(arr[i].id === arr[j].id){
				arr.splice(j,1);
				j--;
			}
		}
	}
	return arr;
}
var newArr = getNewArr(arr);
console.log(newArr);

3.数组方法

数组方法

1.操作数组方法

1.splice() 删除，添加，替换 数组元素
2.reverse() 翻转元素
3.push() 末尾添加元素
4.pop() 末尾删除元素
5.unshift() 开头添加元素
6.shift() 开头删除元素
7.sort() 排序
8.toString()
9.join()  
10.concat() 合并
11.slice() 截取
12.reduce(prev,current,index,arr) 并归方法
13.find() 
14.findIndex()
15.includes() 
16.flat() 
17.flatMap()
18.from()

2.迭代方法

forEach((item,index,arr)=>{
	
})

arr.filter((item,index)=>{})

arr.every((item,index)=>{})

arr.some((item,index)=>{})

arr.map((item,index)=>{})

4.数组对象操作

let arr = [
	{ id:1 , name: '安欣' },
	{ id:2 , name: '高启强'},
	{ id:3 , name: '李响' },
	{ id:4 , name: '孟钰' },
	{ id:5 , name: '高启盛' }
]
let arr2 = [
	{ id:1 , name: '孟钰'},
	{ id:2 , name: '陈书婷'},
	{ id:3 , name: '高启兰'},
	{ id:4 , name: '程程'}
]
let a1 = arr.map(item=>item.name)
let a2 = arr2.map(item=>item.name)
let newa1 = a1.filter(item=>!a2.includes(item))
let newa2 = a2.filter(item=>!a1.includes(item))
console.log(newa1,newa2)

对数组进行操作
一、获得两个数组name相同的元素—找交集

let m = arr2.map(item=>itme.name)
let p = arr.filter(item=>m.includes(item.name))
console.log(m,p)

二、找两个数组对象 不同的元素 并返回到一个新数组 - 找差集

let a1 = arr.map(item=>item.name)
let a2 = arr2.map(item=>item.name)
let newa1 = a1.filter(item=>!a2.includes(item)).concat(a2.filter(item=>!a1.includes(item)))