擴展運算符(...)的用途


1.合並數組
一直以來,有很多方法合並數組,但是擴展運算符給了我們全新的方法去實現合並數組:

arr1.push(...arr2) // 把arr2合並到arr1的后面
arr1.unshift(...arr2) //把arr2合並到arr1的前面
如果你想在數組內合並數組,你可以像下面這樣做:

var arr1 = ['two', 'three'];
var arr2 = ['one', ...arr1, 'four', 'five'];
2.復制數組
復制數組是我們常常要做的工作,在過去,我們會使用Array.prototype.slice去實現,但現在我們可以使用擴展運算符去得到一個復制后的數組:

var arr = [1,2,3];
var arr2 = [...arr]; // 就像 arr.slice()
arr2.push(4)
3.結構賦值
結構賦值是一個十分有趣的實踐,我在自己的React項目中大量的使用了這種技巧。你可以使用擴展運算符配合其他運算符一起,從變量中提取有用的信息,就像這樣:

let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
console.log(x); // 1
console.log(y); // 2
console.log(z); // { a: 3, b: 4 }

 


---------------------
作者:yi_xiuge
來源:CSDN
原文:https://blog.csdn.net/yi_xiuge/article/details/76576211
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM