如何把类数组转换成数组。

argument对象的定义

以 arguments 对象为例,arguments 对象包含了函数运行时的所有参数,arguments[0] 就是第一个参数,arguments[1] 就是第二个参数,依次类推。这个对象只有在函数体内部,才可以使用。

var f = function (one) {
    console.log(arguments[0]);
    console.log(arguments[1]);
    console.log(arguments[2]);
}

f(1, 2, 3);

// 1
// 2
// 3

正常模式下,arguments 对象可以在运行时修改。

var f = function(a, b) {
    arguments[0] = 3;
    arguments[1] = 2;
    return a + b;
}

f(1, 1);    // 5

上面代码中,函数 调用时传入的参数,在函数内部被修改成 3 2 。

严格模式下,arguments 对象与函数参数不具有联动关系。也就是说,修改 arguments 对象不会影响到实际的函数参数。

var f = function(a, b) {
    'use strict';    //开启严格模式
    arguments[0] = 3;
    arguments[1] = 2;
    return a + b;
}

f(1, 1);    // 2

上面代码中,函数体内是严格模式,这时修改 arguments 对象,不会影响到真实参数 ab 。通过 arguments 对象的 length 属性,可以判断函数调用时到底带几个参数。

function f() {
    return arguments.length;
}

f(1, 2, 3)    // 3
f(1) // 1
f() // 0

arguments与数组的关系

需要注意的是,虽然 arguments 很像数组,但它是个对象。数组专有的方法(比如 slice forEach ),不能在 arguments 对象上直接使用。

如果要让 arguments 对象使用数组方法,真正的解决方法是将 arguments 转为真正的数组。下面是几种常用的转换方法:

//方法1:
var args = Array.prototype.slice.call(arguments);

//方法2:
let args = Array.prototype.concat.apply([], arguments);//apply方法会把第二个参数展开

//方法3:
var args = Array.from(arguments);

//方法4:
let args = [...arguments];

//方法5:
var args = [];
for ( var i = 0; i < arguments.length; i++) {
    args.push(arguments[i]);
}

 

你可能感兴趣的:(arguments,类数组)