arguments
arguments 转数组
通常使用下面的方法来将 arguments 转换成数组:
Array.prototype.slice.call(arguments);
还有一个更简短的写法:
[].slice.call(arguments);
在这里,只是简单地调用了空数组的 slice 方法,而没有从 Array 的原型层面调用。
为什么上面两种方法可以转换呢?
首先,slice 方法得到的结果是一个数组,参数便是 arguments。事实上,满足一定条件的对象都能被 slice 方法转换成数组。看个例子:
const obj = { 0: "A", 1: "B", length: 2 }; const result = [].slice.call(obj); console.log(Array.isArray(result), result);
将参数从一个函数传递到另一个函数
function foo() { bar.apply(this, arguments); } function bar(a, b, c) { // logic }
arguments 转数组
Array.from()
是个非常推荐的方法,其可以将所有类数组对象转换成数组。
数组与类数组对象
数组具有一个基本特征:索引。这是一般对象所没有的。
const obj = { 0: "a", 1: "b" }; const arr = [ "a", "b" ];
我们利用 obj[0]
、arr[0]
都能取得自己想要的数据,但取得数据的方式确实不同的。obj[0]
是利用对象的键值对存取数据,而arr[0]
却是利用数组的索引。事实上,Object 与 Array 的唯一区别就是 Object 的属性是 string,而 Array 的索引是 number。
ES6 中的 arguments
扩展操作符
function func() { console.log(...arguments); } func(1, 2, 3);
执行结果是:
1 2 3
简洁地讲,扩展操作符可以将 arguments 展开成独立的参数。