拓展运算符的使用

拓展运算符的使用

拓展运算符:用于快速展开数组或者对象,将数组或者对象中的值一个一个的拿出来单独使用

注意点:拓展运算符,和rest参数有点像.但是不是一回事

 

1.拓展运算符展开数组 ...arr

        let arr = [10, 20, 30]
        console.log(...arr);

相当于 打印了(arr[0],arr[1],arr[2])

 

数中的每个值都可以作为方法的参数使用

ES5中打印最大值需要再输入值进Math.max

        console.log(Math.max(1, 65, 101, 13, 22, 8));//101

ES6中可以使用...arr直接获取arr这个数组中的值(即可做到上方相同的效果

        var arr = [1, 65, 101, 13, 22, 8]
        console.log(Math.max(...arr));//101

 

数组合并,但不改变原数组

        let arr = [10, 20, 30]
        let arr1 = [40, 50, 60]
        let NewArr = [...arr, ...arr1];
        console.log(NewArr);//10 20 30 40 50 60

两个原来的数组拼接新的成新的数组

并且原来的两个旧数组并不会被改变其中的值

 

就算改变新的数组的值,也不会对原来的旧数组产生变化

          NewArr[0] = 100
          console.log(NewArr);//100 20 30 40 50 60
          console.log(arr);//依旧是 10,20 30

 

2.拓展运算符对象合并

注意点:对象的key值不可以重复出现,后方的对象会覆盖前方对象中同名的值

        let obj1 = {
                name: "张三",
                age: 20},
            obj2 = {
                name: "李四",
                gander: "男",
                email: "zhangsan1998@163.com"}
        let NewArr2 = {
            ...obj1,
            ...obj2,  };
        console.log(NewArr2);
       //"李四" "男" "zhangsan1998@163.com"