ES6 数组、对象的扩展

数组的扩展

• Array.from()：将类数组对象或可迭代对象转化为数组。

let allList = document.querySelectorAll('li');
console.log(allList);                   //NodeList(4) [li, li, li, li]
console.log(Array.isArray(allList));    //false

let arr = Array.from(allList);
console.log(arr);                       //(4) [li, li, li, li];

//参数含空位
console.log(Array.from([1, , 3]));      //[1, undefined, 3]

//参数为数组,返回与原数组一样的数组
console.log(Array.from([1, 2]));        //[1, 2]

• Array.of：将参数中所有值作为元素形成数组。

let arr = Array.of(1, 2, 3, 4);
console.log(arr);                       //(4) [1, 2, 3, 4]

//参数值可为不同类型
console.log(Array.of(1, '2', true));    //[1, '2', true]
//参数为空时返回空数组
console.log(Array.of()); // []

对象的扩展

• key 和 value 是一样的，写一个就够了。

let name = 'cezlz';
let age = 18;
/*
let obj = {
    name: name,
    age: age
}
*/
let obj = {
    name,
    age
}
console.log(obj);                       //{name: "cezlz", age: 18}

• Object.assign()：用于将源对象的所有可枚举属性复制到目标对象中。

基本用法：
let target = {a: 1};
let obj1 = {b: 2};
let obj2 = {c: 3};
Object.assign(target, obj1, obj2);      // 第一个参数是目标对象，后面的参数是源对象
console.log(target);                    //{a: 1, b: 2, c: 3}

注意：

• 如果目标对象和源对象有同名属性，或者多个源对象有同名属性，则后面的属性会覆盖前面的属性。

let target = {a: 1};
let obj1 = {a: 10, b: 2};
let obj2 = {c: 3};
Object.assign(target, obj1, obj2);
console.log(target);                    //{a: 10, b: 2, c: 3}--后面覆盖前面

• 如果该函数只有一个参数，当参数为对象时，直接返回该对象；当参数不是对象时，会先将参数转为对象然后返回。

let target = {a: 1};
console.log(Object.assign(target));         //{a: 1}
let num = 2;
console.log(Object.assign(num));            //Number {2}
console.log(typeof(Object.assign(num)));    //object