Vue中的擴充套件運算子

2021-10-25 14:59:44 字數 1189 閱讀 5852

含義:擴充套件運算子( spread )是三個點(…)。它好比 rest 引數的逆運算,將乙個陣列轉為用逗號分隔的引數序列。

運算元組:

methods: ,
在陣列中新增元素

iclick3()
在陣列中刪除元素(取出乙個元素)

與結構賦值的結合

如果將擴充套件運算子用於陣列賦值,只能放在引數的最後一位,否則會報錯。

iclick8()
陣列的合併

iclick6() ,
陣列的合併(推薦使用)

iclick7() ,
將字串轉成陣列

iclick9() ,
map 和 set 結構, generator 函式

iclick10()
當做引數傳遞, 和直接傳陣列的區別

iclick4() ,

hanshu(...iarray)

求出最大值

iclick5()
如果對沒有iterator介面的物件,使用擴充套件運算子,將會報錯。

iclick11() 

console.log([...obj]);

}}

操作物件:

methods: ;

// 把 name 屬性,放到物件中

let c = ;

console.log(c);

// 列印結果

}},

修改乙個屬性

method2() ;

//先拿到a, 後面的name:zhh1,把 a 中name 的值替換掉了

let c = ;

console.log(c);

// 列印結果

}

刪除乙個屬性(拿出屬性或者物件)

method1() ;

let = a;

console.log(name, c);

// 列印結果 zhh

}

擴充套件運算子

三個點,主要是用來將陣列幻化為用逗號分隔的引數序列。合併陣列 與解構賦值結合 如果將擴充套件運算子用於陣列賦值,只能放在引數的最後一位,否則會報錯。將字串轉為真正的陣列 可以將類似陣列的物件轉為真正的陣列 map和set結構,generator函式 擴充套件運算子內部呼叫的是資料解構的iterato...

擴充套件運算子

首先點明,es6的新特性之擴充套件運算子 spread 就是三個點 和es6的可變引數形式一樣。擴充套件運算子是很強大的乙個運算子,它能簡化很多在es5中會比較繁雜的操作。對於這個運算子,概念性的東西不多,所以這裡我就簡明扼要的給出一些它的常用場景 1 可變引數。雖然可變引數嚴格說不是擴充套件運算子...

擴充套件運算子

使用擴充套件運算子 拷貝陣列。const a,b 1,2,3 a 1 b 2,3 bad const len items.length const itemscopy let i for i 0 i len i good const itemscopy items 1 結構賦值 物件的解構賦值用於從...