web数组笔记

1.Array.of()创建数组

-可直接往里面放入想添加的值，不放则返回的是空数组

//用法
console.log(Array.of(1, 2, 3, 4,"abc",{name:1},function a(){}));
//结果打印的是数组
0: 1
1: 2
2: 3
3: 4
4: "abc"
5: {name: 1}
6: ƒ a()

2.Array.from(类数组,map函数,this指向)类数组转成数组，能改this指向

-可直接往里面放入数组

//用法
console.log(Array.from([1, 2]))
结果输出的是数组[1，2]
--------------------------
//改变this指向
let obj = {
	do:(n)=>{
		return n*10;
	}
}
		
console.log(obj.do(3)) //返回30
console.log(Array.from([5,6],function(item){
	return this.do(item);
},obj)) //返回[50,60]

3. find()查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个符合条件的元素

var a = [1,2,3,4,5].find((item)=>{
    //条件是>2的数
	return item>2;
})
console.log(a);//返回3，只返回第一个符合条件的值

4. findIndex(),能改this指向

	查找数组中符合条件的元素索引，
	若有多个符合条件的元素，则返回第一个元素索引。
	没查找到返回-1

//用法
let obj = {
	age:10;
}
var a = [1,2,3,4,5].findIndex(function(item){
	return this.age==item;
},obj)
console.log(a);//返回-1

5.fill()将一定范围索引的数组元素内容填充为单个指定的值

	参数1：用来填充的值
	参数2：被填充的起始索引(包含)
	参数3(可选)：被填充的结束索引，默认为数组末尾(不包含)，默认到最后

//用法
数组.fill(参数1,参数2,参数3);
console.log([1, 2, 3, 4].fill(0,1,2));//结果[1,0,3,4];

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

//用法
console.log([1,2,3,4,5,6,7,8,9].copyWithin(-1,4,5));
//结果打印数组
0: 1
1: 2
2: 3
3: 4
4: 5
5: 6
6: 7
7: 8
8: 5

7.循环数组的方法

//可拿到数组的每个值
for(var [key,value] of [11,22,33].entries()){
	console.log(key,value);
}
for(var key of [11,22,33].keys()){
	console.log(key);
}
for(var value of [11,22,33].values()){
	console.log(value);
}

8. includes()数组是否包含指定值,查找到返回true否则false

//用法
var a = [1, 2, 3,NaN].includes(NaN);
console.log(a); //true

9.flat()嵌套数组转一维数组,Infinity

 var a = [1,[2,[3,4,5],6,7],8,9].flat(Infinity);
console.log(a); //打印扁平化过后的数组

10.flatMap()先对数组中每个元素进行了的处理,可改变this指向

参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组
参数2：指定遍历函数中 this 的指向

let obj = {
	do(n){
		return n*10;
	}
}
var a = [1,[2,[3,4,5],6,7],8,9].flat(Infinity).flatMap(function(item){
	return this.do(item);
},obj);
console.log(a);