ES6 剩余參數(shù) 與 擴(kuò)展運(yùn)算符

剩余參數(shù)允許我們將一個(gè)不定數(shù)量的參數(shù)表示為一個(gè)數(shù)組。

function sum (first, ...args) {
   console.log(first);    //10
   console.log(args);  // [20,30]
}

sum(10, 20, 30)
const sum  = (...args) => {
  let total = 0;
  args.forEach(item => total += item);
  return total;
}

剩余參數(shù)和解構(gòu)賦值配合使用

let  students = ['王五','張三','李四'];
let [s1, ...s2] = students;
console.log(s1); //  '王五'
console.log(s2);  // [  '張三','李四' ]

擴(kuò)展運(yùn)算符

擴(kuò)展運(yùn)算符可以將數(shù)組或者對(duì)象轉(zhuǎn)為用逗號(hào)分隔的參數(shù)序列。

let ary = [1, 2, 3];
...ary  // 1, 2, 3

擴(kuò)展勻運(yùn)算符 可以應(yīng)用于合并數(shù)組

let ary1 = [1, 2,  3];
let ary2 = [4, 5,  6];
let ary3 = [...ary1, ...ary2]
// 防法2
ary1.push(...ary2);

將類數(shù)組或可遍歷對(duì)象轉(zhuǎn)換為真正的數(shù)組

 <div>1</div>
 <div>2</div>
 <div>3</div>
 <div>4</div>
 <div>5</div>

var oDivs = document.getElementsByTagName('div');
console.log(oDivs)
var  ary = [... oDivs];
ary.push('a');
console.log(ary)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容