数组扩展_新增方法(一)

Array.from()

Array.from方法用于将类数组转为真正的数组

温馨提示

常见的类数组有三类：

1. arguments
2. 元素集合
3. 类似数组的对象

arguments

xxxxxxxxxx
function add(){
    let collect = Array.from(arguments);
    collect.push(40);
    console.log(collect);
}
add(10,20,30)

元素集合

xxxxxxxxxx
let divs = document.querySelectorAll('div');
console.log(Array.from(divs));

类似数组的对象

xxxxxxxxxx
let arrayLike = {
    '0': 'a',
    '1': 'b',
    '2': 'c',
    length: 3
};
let arr = Array.from(arrayLike);
console.log(arr);

Array.of()

Array.of()方法用于将一组值，转换为数组

xxxxxxxxxx
Array.of(3, 11, 8) // [3,11,8]

这个方法的主要目的，是弥补数组构造函数Array()的不足。因为参数个数的不同，会导致Array()的行为有差异。

xxxxxxxxxx
Array() // []
Array(3) // [, , ,]
Array(3, 11, 8) // [3, 11, 8]

Array.of(3) // [3]
Array.of(3).length // 1

实时效果反馈

1. 下列代码输出结果是什么：

xxxxxxxxxx
Array.of(3)
Array(3)

A [3] [3]

B [,,] [,,]

C [,,] [3]

D [3] [,,]

答案

1=>D