JavaScript类数组

1.什么是类数组

类数组的形式类似于数组但是不能够直接调用数组中的方法。

2.常见的类数组

• 函数里面的参数对象arguments，本质上是object

• 用getElementByTagName/classname/name获得的HTMLCollection

• 用queryselector获得的nodelist

3.类数组应用场景

• 遍历参数操作

function add(){
    let sum = 0,
    len = add.arguments.length
    for(let i=0;i<len;i++){
        sum = sum + arguments[i]
    }
    return sum
}
add();
console.log(add(1,2,2));

•  定义连接字符串（类数组通过call方法借用数组的方法）

slice（1）获取的是从第二个元素开始后面的子数组，所以该方法获得的是['wyy','good', 'very']

function myConcat(separa){
    var args = Array.prototype.slice.call(arguments, 1)
    return args.join(separa)
}
console.log(myConcat(',','wyy','good','very'));

• 传递参数使用

借助arguments可以将参数从一个函数传递到另外一个函数

// 将bar的参数传递给foo
function foo(){
        bar.apply(this,arguments)
}
function bar(a, b, c){
    console.log(a, b, c);
}
foo(1,2,3)

4.类数组转换为数组

• call、apply方法

// 借用数组的push方法
const arrayLike = {
    0:'Jave',
    1:'Script',
    length:2
}
Array.prototype.push.call(arrayLike, 'jack', 'like')
console.log(arrayLike);
// 借用数组reduce方法进行求和
function sum(a, b){
    let args = Array.prototype.reduce.apply([],arguments)
    console.log(args.reduce((sum, cur)=>sum+cur));
}
sum(1,2)

• ES6新增的Array.from方法

const arrayLike = {
    0:'Jave',
    1:'Script',
    length:2
}
// 将可迭代对象转换成数组
const array = Array.from(arrayLike)
array.push('json', 'like')
console.log(array);

5.类数组和数组的区别