“...“展开运算符--------数组、对象示例(无需循环添加数据)

数组方式使用…展开运算符

<script>
        //   1.展开数组,可以将数组成员一个个展开
        let arr = [1, 2, 3, 4, 5]
        console.log(arr);//[1, 2, 3, 4, 5]
        console.log(...arr);//1 2 3 4 5

        // 2.需求:将arr添加到temp
        let temp = ['a', 'b', 'c']
        temp.push(...arr)
        console.log(temp);//["a", "b", "c", 1, 2, 3, 4, 5]
    </script>

对象方式使用…展开运算符

 <script>
        // 1.展开对象
        let obj = {
    
     name: '山竹回家了', age: 18 }
        console.log(obj);//{name: "山竹回家了", age: 18}
        let temp = {
    
     gender: '女', boyfriend: '杀生丸' }
        console.log(temp);//{gender: "女", boyfriend: "杀生丸"}

        //2.将obj添加到temp
        temp = {
    
     ...temp, ...obj }
        console.log(temp);//{gender: "女", boyfriend: "杀生丸", name: "山竹回家了", age: 18}
    </script>

总结:

1.对象添加时会覆盖原先数据,所以在添加时需要把原数据写上.
2.未添加…展开运算符时会显示添加整个数组/对象,而不是单个元素