三點運算子(...)的使用
阿新 • • 發佈:2021-01-13
三點運算子(…)的使用
作用(1):
它可以將多餘的引數在行參進行合併,成為陣列
function test(a , ...b){
console.log(a) //輸出 1
console.log(b) //輸出 ["GTA5" , "GTASA"]
}
test(1,'GTA5', 'GTASA')
作用(2):
可以將陣列轉成對應的字串
var a = ["a","b","c","d"]
function test(){
console.log(...a) //輸出 a b c d
}
test();
作用(3):
可以將字串轉成陣列
var a = "abcd";
function test(){
console.log([...a]) //輸出 ["a","b","c","d"]
}
test();
作用(4):
可以合併陣列
function test(){
let a = [1,2,3];
let b = [4,5,6]
let arr1 = a.concat(b); //輸出 [ 1, 2, 3, 4, 5, 6 ]
console.log(arr1);
let arr2 = [...a, ...b]; //輸出 [ 1, 2, 3, 4, 5, 6 ]
console.log(arr2)
}
test();
作用(5):
陣列最大值時修改陣列資料型別傳入Math.max得到最大值
function test(){
let a = [1,2,6];
console.log(Math.max(a)) //輸出 NaN
console.log(Math.max(...a)) //輸出 6
}
test();
拓展:結合Set 來進行 陣列的去重
function test(){
var arr = [1,1,2,2,3,4,];
arr2 = [...new Set(arr)]
console.log(arr2) //輸出 [1,2,3,4]
}
test();