js高级数组方法(常用)

.
相信大家学完js后,肯定就到了总结的时候啦,这一次我给大家带来就是高级比较常用的数组方法咯
js初级数组方法
js循环方法

• js初级的可以看我之前的博客
• 还有就是里面涉及到循环的方法我在另一篇博客也有详细介绍

Array.isArray

Array.isArray(检测的值) 用于检测传递的值是否为数组 是数组返回true不是false
// 注:可以区分对象和数组类型

Array.isArray()

Array.from

Array.from(数组对象,map函数,this指向) 将可迭代或类数组对象创建一个新的浅拷贝的数组实例并返回

参数1：需要转换的可迭代或类数组对象 参数2：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素
索引、原数组 参数3：指定遍历函数中 this 的指向

	var a=Array.from([1,2,3],(item)=>item*2);
	console.log(a);//[2,4,6]

Array.of()

创建新数组实例对象: Array.of() || new Array() || [ ]

Array.of(数组的值) new Array(数组长度)一个值就是长度,多个值就是数组的值

console.log(Array.of(11)); console.log(new Array(3,2));
	//includes() 数组是否包含指定值,查找到返回true否则false
	var arr=[11,22];
	console.log(arr.includes(11));//true

flat()

flat()嵌套数组进行降维,如果为数值就是需要解析几层
参数:数字,需要解析几层数组就填几
特殊值:Infinity:直接转为一维数组

var a = [1,[2,[3,4,5],6,7],8,9].flat(Infinity);
	console.log(a);//[1, 2, 3, 4, 5, 6, 7, 8, 9]

flatMap()

flatMap()方法对数组中的每个元素应用给定的回调函数，然后将结果展开一级.返回一个新数组
参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组
参数2：指定遍历函数中 this 的指向

 var a =[1,[2[3,4,5],6,7],8,9].flat(Infinity).flatMap((item)=>item*2);	
	console.log(a);//[2, 4, 6, 8, 10, 12, 14, 16, 18]

fill()

/ fill() 方法用一个固定值替换一个数组中从起始索引(默认为 0)到终止索引(默认为array.length)内的全部元素。
使用方法:fill(固定值, [起始索引], [终止索引])
返回值: 返回修改后的数组。

var a=[12,34,11,45].fill(66,0,3);
		console.log(a);//[66, 66, 66, 45]

filter()

filter() 方法创建给定数组一部分的浅拷贝，将达到条件的值以数组形式全部返回。
参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组
参数2：指定遍历函数中 this 的指向

var a=[12,34,11,45].filter((item) => item > 13);
		console.log(a);//34,45

copyWithin();

copyWithin(); 将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。

find() findIndex() findLast() findLastIndex()

find() 方法将达到条件的第一个值返回,并立即停止迭代,否则返回 undefined
findIndex() 方法将达到条件的第一个值的下标返回,并立即停止迭代,否则返回 undefined
findLast() 方法将达到条件的最后一个值返回,并立即停止迭代,否则返回 undefined
findLastIndex() 方法将达到条件的第一个值的下标返回,并立即停止迭代,否则返回 undefined
参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组
参数2：指定遍历函数中 this 的指向

var a=[12,34,11,45,11].find((item) => item = 11);
	console.log(a);//11
	var a=[12,34,11,45,11].findIndex((item) => item = 11);
	console.log(a);//2
	var a=[12,34,11,45,11].findLast((item) => item = 11);
	console.log(a);//11
	var a=[12,34,11,45,11].findLastIndex((item) => item = 11);
	console.log(a);//4	

forEach()

forEach() 方法对数组的每个元素执行一次给定的函数
参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组
参数2：指定遍历函数中 this 的指向

arr.forEach(()=>{})
arr.map(()=>{})