ES6-扩展运算符

扩展运算符就是 (…) 一般也是用于数组或是对象当中

数组的扩展运算符

1.以中括号的方式，把数组全部打印出来。

let arr = [100,200,300]
console.log(arr);

2.只想打印数组里面的值。

let arr = [100,200,300]
console.log(arr.join(' '));

3.运用展开运算符打印数组里面的值

let arr = [100,200,300];
console.log(...arr);

4.把两个数组合并。

4.1运用concat()的方法将两个数组合并

let num1 = [100,200,300]
let num2 = [400,500,600]
let num = num1.concat(num2)
console.log(num);

4.2运用扩展运算符把两个数组进行合并（…循环遍历数组里面的每一项，并打印输出）

let num1 = [100,200,300]
let num2 = [400,500,600]
let num = [...num1,...num2]
console.log(num);

4.3如果要打印数组中的每一项，不带中括号。可以在num的基础上继续扩展。

let num1 = [100,200,300]
let num2 = [400,500,600]
let num = [...num1,...num2]
console.log(num);
console.log(...num);

对象的扩展运算符

普通的输出的方法：

let obj = {
    name:'tom',
    age:20,
    gender:'男'
}
console.log(obj);

对象不可以直接在前面写…然后输出

let obj = {
    name:'tom',
    age:20,
    gender:'男'
}

// console.log(obj);
console.log(...obj);

将两个对象中的数据合并到一个对象当中。

let obj = {
    name:'tom',
    age:20,
    gender:'男'
}
let foo = {
    address:'朝阳区',
    phone:'12323123123'
}
let res = {}

1.循环遍历，循环obj里面的键值，键值。往res这个对象里面添加。然后再遍历foo里面的键值，键值。再往res这个对象里面添加。
2.扩展运算符的方法。

let obj = {
    name:'tom',
    age:20,
    gender:'男'
}
let foo = {
    address:'天河区',
    phone:'12323123123'
}
let res = {...obj,...foo}
console.log(res)

这样就可以将两个对象的值，合并到一个对象里面了。
通过扩展运算符拿下数组里面的对象（只有一个对象的情况）

let result = [
    {
        "id":1,
        "name":"tom",
        "gender":"男",
        phone:'12323123123'
    }
]
res.render('info',...result)