Array.from() 将两类对象转化为数组
- 常见类数组对象,document.querySelectorAll()返回的NodeList集合,函数内部的argument对象都可经Array.from()转化为真正的数组
(部署了Iterator接口) - 数组对象可以使用forEach方法
- 扩张运算符(…)也可以将某些数据结构转化为数组
function foo() {
var args = [...arguments];
console.log(args)
}
var a = foo('a', 'b') //["a", "b"]
- arguments对象:长度由实参个数决定,其中arguments.callee返回此arguments对象所在的当前函数引用
- 类数组对象:拥有length属性。但Array.from({ length: 3 });结果为三个undefined
- 浏览器兼容写法(Array.prototype.slice替代)(?)
const toArray = (() =>
Array.from ? Array.from : obj => [].slice.call(obj)
)();
- 接收第二个参数,对每个元素进行处理,返回处理后的值(类似于map)
- 接收第三个参数,绑定this,指定map函数的this
Array.from([1, 2, 3], (x) => x * x) //[1, 4, 9]
Array.of() 将一组值转换为数组
- Array()构造函数,当只有一个值的时候代表数组的长度
Array(3) // [, , ,]
Array.of(3) // [3]
Array.of(undefined) // [undefined]
数组实例的copyWithin()
- 将数组指定位置的成员复制到其他位置,并覆盖该位置原成员,返回修改后的数组
- 参数:
target(必需):从该位置开始替换数据。
start(可选):从该位置开始读取数据,默认为0。如果为负值,表示倒数。
end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒数。
[1, 2, 3, 4, 5].copyWithin(0, 3) // [4, 5, 3, 4, 5]
数组实例find()和findIndex()
- find() 参数为一个回调函数,返回第一个函数结果为true的那个成员
- find() 的回调函数可以接收三个参数依次为当前的值、当前的位置和原数组
- findIndex() 返回符合条件的数组成员位置,没有返回(-1)
- 可借助Object.is识别数组的NaN成员
数组实例的fill()
- 使用给定的值填充数组
- 数组中已有元素会全部抹去
- 接收第二三个参数,指定填充起始和结束位置
数组实例的entries(),keys()和values()
- keys()是对键名的遍历、values()是对键值的遍历,entries()是对键值对的遍历
数组实例的includes()
- 返回数组是否包含给定值
遗留问题:
1. arguments对象
2. map()函数