透過範例了解 Javascript Rest & Spread 運算符有何不同

rest 和 spread 之間的主要區別在於,rest 運算符將使用者提供的特定的值的“其餘”部分放入 JavaScript 陣列中。但是擴展語法將可疊代物件擴展為各別的元素。 rest 的範例 // 將使用者提供的某些值放入陣列中 function myBio(firstName, lastName, ...otherInfo) { return otherInfo; } // 呼叫 myBio 功能時傳入五個參數值: myBio("Oluwatobi", "Sofela", "CodeSweetly", "Web Developer", "Male"); // 回傳以下陣列: ["CodeSweetly", "Web Developer", "Male"] // 宣告二個一般變數及一個 rest 變數,再使用 destructruing 方式給值: const [firstName, lastName, ...otherInfo] = [ "Oluwatobi", "Sofela", "CodeSweetly", "Web Developer", "Male" ]; console.log(otherInfo); // 結果: ["CodeSweetly", "Web Developer", "Male"] // ES7+的物件屬性其餘運算符 const {a, b, ...rest} = {a:1, b:2, c:3, d:4} //a=1, b=2, rest={c:3, d:4} let options = { title: "Menu", height: 200, width: 100 }; // title = property named title // rest = object with the rest of properties let {title, ....

April 12, 2022 · 3 min · Theme PaperMod