首頁 > web前端 > 前端問答 > es6中的三個點用法是什麼

es6中的三個點用法是什麼

WBOY
發布: 2022-03-31 11:20:21
原創
3478 人瀏覽過

用法:1、合併數組,語法為“[...arr1, ...arr2]”;2、拷貝數組對象,語法為“name= [...數組對象]”;3 、字串轉字元數組,語法為「[...字串物件]」;4、解構變量,語法為「[變數物件,...name]=值」。

es6中的三個點用法是什麼

本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6中的三個點用法是什麼

擴充運算子( spread )是三個點(…),是ES6新增的一種運算符,其作用很多,例如可以將一個數組轉為用逗號分隔的參數序列等作用。應用場景中通常使用在物件的擴充運算子和陣列的運算子兩種類型。

作用如下:

1.取得陣列最大的值。

常規:Math.max(1,2,3)

寫法:Math.max(…[1,2,3])等同於上面的例子

2.呼叫方法

function sum(a,b){
  console.log(a+b)//5
}
sum(...[2,3])
登入後複製

輸出結果為:

es6中的三個點用法是什麼

3.連線陣列

var arr1 = [0, 1, 2]; 
var arr2 = [3, 4, 5];  
arr1.push(...arr2);
登入後複製

結果陣列元素為0、1、2、3、4、5.

#4.連接陣列

var arr1 = ['a', 'b']; 
var arr2 = ['c']; 
var arr3 = ['d', 'e'];
[...arr1, ...arr2, ...arr3]
登入後複製

連接後的陣列元素為:a、b、c、d、e

5.字串轉為真正的陣列

[...'hello']  //
登入後複製

結果為:

es6中的三個點用法是什麼

6.將類別數組轉為真正的數組,去重

[...new Set([1,2,3,3])] //
登入後複製

new Set回傳一個類別數組,...把類別數組轉換成真正的數組

7.擴展運演算法

let map = new Map([  
      [1, 'one'],  
       [2, 'two'],  
       [3, 'three'],  
]);  
let arr = [...map.keys()]; // [1, 2, 3]
登入後複製

在寫vue專案的時候由於你不知道params有幾個,可以直接params:param.data 或params: {undefined

...param.data}
return axios({
  method: param.type,
  url: value.prefix + param.url + value.postfix,
       params: {
      ...param.data  // 将数组展开
       }
})
登入後複製

【相關推薦:javascript影片教學web前端

以上是es6中的三個點用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
es6
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板