ES6での拡張演算子(...)の使用法と意味

ES6の拡張演算子

意味:より一般的に話すことはデータを置くことです脱いで。最初にこれを覚えておいてください。理解するために背後にあるコードを見てください。

1.配列内の要素とオブジェクト内の値を表示します
var list=[1,2,3,4,5]
console.log(...list)
//输出 1,2,3,4,5
//这里就是相当于直接扒掉数组的外壳
var person ={name:'huihui',age :23}
console.log({...person})
//输出:{name:'huihui',age :23}
2.番号またはオブジェクトをコピーします
var list =[1,2,3]
var list2 = [4,5,6]
//这里直接把list和list2的外壳扒了,放到list3中形成一个合并数组
var list3 = [...list,...list2]
//这里再把数组的外壳扒掉
console.log(...list3)
//输出:1 2 3 4 5 6
3.元の属性を新しく追加されたオブジェクト属性に置き換えます
var person = {name:'灰太狼',age:23}
var person = {...person,age:80}//用在对象中会把相同的属性用后者覆盖前者
console.log({...person})
//这里用新的age可以覆盖掉原来的age
4.関数パラメーターで使用します
function add(x,y){
	console.log(x+y)
}
var num = [1,2]
add(...num)
//输出:3

要約:上記は演算子を拡張する一般的な方法ですが、理解しやすいと思いますか?データのシェルを取り除くことを忘れないでください。ご不明な点がございましたら、お気軽にお問い合わせください。

おすすめ

転載: blog.csdn.net/qq_44606064/article/details/106413672