JavaScript - 展開運算符

歡迎學習交流！！！

持續更新中…

文章目錄

• 展開運算符

展開運算符

把對象或者數組裡面的東西直接打開，一般多用于數組裡面

文法：

...

數組 或

...

對象

作用：

• 進行數組的拼接
• 進行函數的參數傳遞

基礎用法

let arr1 = [1,3,5,7,9]
let arr2 = [2,4,6,8,10]
console.log(...arr1);   //展開一個數組
let arr3 = [...arr1,...arr2]    //連接配接數組
console.log(arr3)
           

函數傳參的應用

function sum(...numbers) {  //用此方式可以批量地吧把所有參數都接收到
    console.log('@',numbers);
}
console.log(sum(1,2,3))
           

例題：有一個數組，數組中的元素都是數值類型（numbers），計算一個數組中所有元素的和

-----在函數中使用

function sum(...numbers) {
	return numbers.reduce((preValue,currentValue) => {  //preValue為之前的值currentValue為目前的值
		return preValue + currentValue
	})
}
console.log(sum(1,2,3))
           

構造字面量對象時使用展開文法

let person = {name:'tom',age:17}
let person2 = {...person}
//console.log(...person)   //報錯，展開運算符不能展開一個對象
person.name = 'jerry'
console.log(person2);   //person2的值不會改變
console.log(person);    //person的值會改變
           

合并

let person = {name:'tom',age:17}
let person2 = {...person}
//console.log(...person)   //報錯，展開運算符不能展開一個對象
person.name = 'jerry'
console.log(person2);   //person2的值不會改變
console.log(person);    //person的值會改變
// 合并
let person3 = {...person,name:'jack',address:'地球'}
console.log(person3)