Array.from()

方法是用于类似数组的对象（即有length属性的对象）和可遍历对象转为真正的数组。

1
2
3
4
5
6
7
8
let json ={
    '0':'卢',
    '1':'本',
    '2':'伟',
    length:3
}
let arr = Array.from(json);
console.log(arr); // ["卢", "本", "伟"]

Array.of()

方法是将一组值转变为数组，参数不分类型，只分数量，数量为0返回空数组。

1
2
3
4
5
6
7
8
let arr1 = Array.of(1,2,3);	
let arr2 = Array.of([1,2,3]);
let arr3 = Array.of(undefined);
let arr4 = Array.of();
console.log(arr1); // [1, 2, 3]
console.log(arr2); // [[1, 2, 3]]
console.log(arr3); // [undefined]
console.log(arr4); // []

find()

方法返回通过测试（函数内判断）的数组的第一个元素的值。方法为数组中的每个元素都调用一次函数执行。当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefined。

回调函数可以接收3个参数，依次为当前的值（currentValue）、当前的位置（index）、原数组（arr）

注意：find() 对于空数组，函数是不会执行的。find() 并没有改变数组的原始值。

1
2
3
4
5
6
7
8
9
let Arr = [1,2,5,7,5,9];
let result1 = Arr.find(function(currentValue,index,arr){			
	return currentValue>5;
});
let result2 = Arr.find(function(currentValue,index,arr){			
	return currentValue>9;
});
console.log(result1); // 7
console.log(result2); // undefined

find()实现根据id取出数组中的对象

1
2
3
4
5
6
7
8
9
10
11
12
13
14
let Arr = [
	{
		id:1,
		name:"张三"
	},
	{
		id:2,
		name:"李四"
	}		
];
let obj = Arr.find(function(currentValue,index,arr){			
	return currentValue.id===1;
});
console.log(obj.name); // 张三

findIndex()

findIndex和find差不多，不过默认返回的是索引，如果没有符合条件的元素返回 -1

1
2
3
4
5
6
7
8
9
let Arr = [1,2,5,7,5,9];
let result1 = Arr.findIndex(function(currentValue,index,arr){			
	return currentValue>5;
});
let result2 = Arr.findIndex(function(currentValue,index,arr){			
	return currentValue>9;
});
console.log(result1); // 3
console.log(result2); // -1

fill()

fill()方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。

语法：array.fill(value, start, end)
value：必需。填充的值。
start：可选。开始填充位置。如果这个参数是负数，那么它规定的是从数组尾部开始算起。
end：可选。停止填充位置 (默认为 array.length)。如果这个参数是负数，那么它规定的是从数组尾部开始算起。

1
2
3
4
5
6
let arr = [1,2,3,4,5,6];
arr.fill(0);  // [0, 0, 0, 0, 0, 0]
arr.fill(0,1);  // [1, 0, 0, 0, 0, 0] 
arr.fill(0,1,2);  // [1, 0, 3, 4, 5, 6]
arr.fill(0,-1);  // [1, 2, 3, 4, 5, 0]
arr.fill(0,1,-1);  // [1, 0, 0, 0, 0, 6]

遍历数组方法 keys()、values()、entries()

这三个方法都是返回一个遍历器对象，可用for…of循环遍历，唯一区别：keys()是对键名的遍历、values()对键值的遍历、entries()是对键值对的遍历。

keys()

1
2
3
4
5
6
7
8
9
let arr = ["a","b","c","d"];
for(let i of arr.keys()){
	console.log(i);
}
   //打印：
   // 0
   // 1
   // 2
   // 3

values()

1
2
3
4
5
6
7
8
9
let arr = ["a","b","c","d"];
for(let i of arr.values()){
	console.log(i);
}
   //打印：
   // a
   // b
   // c
   // d

entries()

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
let arr = ["a","b","c","d"];
for(let i of arr.entries()){
    console.log(i);
}
//打印：
// [0, "a"]
// [1, "b"]
// [2, "c"]
// [3, "d"]
for(let [idx,item] of arr.entries()){
    console.log(idx+":"+item);
}
//打印：
// 0:a
// 1:b
// 2:c
// 3:d

includes()

方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。

语法：arr.includes(searchElement , fromIndex)
searchElement ： 必须。需要查找的元素值。
fromIndex：可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

1
2
3
4
5
6
7
8
9
let arr = ["a","b","c","d"];
let result1 = arr.includes("b");
let result2 = arr.includes("b",2);
let result3 = arr.includes("b",-1);
let result4 = arr.includes("b",-3);
console.log(result1);  // true
console.log(result2);  // false
console.log(result3);  // flase
console.log(result4);  // true

从上面代码我们可以看出，当我们不给函数传递迭代初始值时初始值 total 为数组第一项，函数从数组第二项开始迭代；若我们给函数传递迭代初始值，则函数从数组第一项开始迭代。

copyWithin()

方法用于从数组的指定位置拷贝元素到数组的另一个指定位置中，会覆盖原有成员

语法：array.copyWithin(target , start , end)
target ：必需。从该位置开始替换数据。
start ：可选。从该位置开始读取数据，默认为 0 。如果为负值，表示倒数。
end： 可选。到该位置前停止读取数据，默认等于数组长度。如果为负值，表示倒数。

1
2
3
4
5
6
7
8
9
10
11
let arr = [1,2,3,4,5,6];
let result1 = [1,2,3,4,5,6].copyWithin(0);
let result2 = [1,2,3,4,5,6].copyWithin(0,1);
let result3 = [1,2,3,4,5,6].copyWithin(1,3,5);
let result4 = [1,2,3,4,5,6].copyWithin(1,2,-1);
let result5 = [1,2,3,4,5,6].copyWithin(1,-4,6);
console.log(result1);  // [1, 2, 3, 4, 5, 6]
console.log(result2);  // [2, 3, 4, 5, 6, 6]
console.log(result3);  // [1, 4, 5, 4, 5, 6]
console.log(result4);  // [1, 3, 4, 5, 5, 6]
console.log(result5);  // [1, 3, 4, 5, 6, 6]

原文：https://blog.csdn.net/qq_39132756/article/details/85007082