Array.from
Array.from方法用于将两类对象转为真正的数组:类数组对象和可遍历(iterable)对象(包括ES6新增的数据结构Set和Map)。
类数组对象本质特征只有一点,即必须有length属性。因此任何有length属性的对象,都可以通过Array.from方法转为数组,而这种情况扩展运算符无法转换,例:
Array.from({length:3})
// [undefined,undefined,undefined]
Array.from还可以接收第二个参数,作用类似于数组的Map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。
Array.from(arrayLike, x=>x*x)
等同于
Array.from(arrayLike).map(x=>x*x)
Array.from({0:1, 1:2, 2:3, length: 3}, x=>x*x)
// [1, 4, 9]
Array.of()
Array.of方法用于将一组值转换为数组
Array.of(3, 8, 11) // [3, 8, 11]
Array.of(3) // [3]
这个方法的主要目的是弥补构造函数Array()的不足。因为参数个数不同会导致Array()的行为有差异。
Array(3) // [, , ,]
Array(3, 8, 11) // [3, 8, 11]
如果Array有一个参数,实际上是指定数组的长度,有多个时就会转为数组。
copyWithin()
数组实例的copyWithin方法会在当前数组内部将指定位置的成员复制到其他位置(会覆盖原有成员),然后返回当前数组。也就是说,使用这个方法会修改当前数组。
Array.prototype.copyWithin(target, start, end)
它接受3个参数:
- target(必选):从该位置开始替换数据
- start(可选):从该位置开始读取数据,默认为0,如果为负值,表示倒数。
- end(可选):到该位置前停止读取数据,默认等于数组长度,如果为负值,表示倒数。
[1, 2, 3, 4, 5].copyWithin(0, 3, 4) // [4, 2, 3, 4, 5]
[1, 2, 3, 4, 5].copyWithin(0, -2, -1) // [4, 2, 3, 4, 5]
find()和findIndex()
数组find方法用于找出第一个符合条件的数组成员。
数组findIndex方法用于找出第一个符合条件的数组位置,没有返回-1
fill()
fill方法使用给定值填充一个数组。
['a', 'b', 'c'].fill(7)
// [7, 7, 7]
fill方法还可以接受第二个和第三个参数,用于指定填充的开始位置和结束位置
['a', 'b', 'c'].fill(7, 1, 2)
// ['a', 7, 'c']
entries()、key()和values()
这三个方法都是用于遍历数组,它们都返回一个遍历器对象,可以用for...of循环遍历,唯一的区别在于,entries()是对键值对的遍历,keys()是对键名的遍历,values()是对键值的遍历。
for (let index of ['a', 'b'].keys()) {
console.log(index)
}
// 0 1
for (let element of ['a', 'b'].values()) {
console.log(element)
}
// 'a' 'b'
for (let [index, element] of ['a', 'b'].entries()) {
console.log(index, element)
}
// 0 'a' 1 'b'
如果返回不使用for...of循环,可以手动调用遍历器对象的next方法进行遍历。
let letter = ['a', 'b', 'c']
let entries = letter.entries()
console.log(entries.next().value) // [0, 'a']
console.log(entries.next().value) // [1, 'b']
console.log(entries.next().value) // [2, 'c']
includes()
该方法返回一个布尔值,表示某个数组是否包含给定的值
该方法的第二个参数表示搜索的开始位置,默认为0,如果第二个参数为负数,则表示倒数的位置,如果大于数组长度,则会重置为0
let arr = [1,2,3]
arr.includes(1, 2) // true
注意:只能判断元素是基本数据类型,不能判断引用数据类型
没有该方法之前我们是用数组的indexOf方法检查是否包含某个值。
但是这个方法有两个缺点:一是不够语义化,其含义是找到参数值的第一个出现位置,二是在判断NaN的时候一直都是-1