es6中set的屬性 方法和使用

2021-10-05 07:04:19 字數 2906 閱讀 7367

//set 資料結構 類似陣列 成員資訊唯一性

//新增1 add();

var s = new set();

s.add(

'ggg'

).add(5555)

;console.log(s)

; //set

//新增2 陣列

var s2 = new set(

['rrr',123,'rfggb'])

;console.log(s2)

; //set

//刪除 delete(

) 返回值 true

false 按名稱來匹配

var s3 = new set(

['ffff','a','b','c',1,'2'])

;console.log(s3.delete(1))

; //true

console.log(s3)

; // set

//刪除所有 clear(

) 沒有返回值

var s4 = new set(

['ffff','a','b','c',1,'2'])

;s4.clear(

); //undefined

console.log(s4)

; // set

//has(

) 匹配是否存在 返回true false 按名稱來匹配

var s5 = new set(

['ffff','a','b','c',1,'2'])

;console.log(s5.has(1))

; //true

//屬性 size 長度

var s6 = new set(

['ffff','a','b','c',1,'2'])

;console.log(s6.size)

; //6

//陣列去重

var arr =

[1,1,2,2,3,4,55,66,44,55,87,25,25]

;console.log(

[...new set(arr)])

; //[1, 2, 3, 4, 55, 66, 44, 87, 25]

var arr =

[1,1,2,2,3,4,55,66,44,55,87,25,25]

;function f ()}

return

test;}

f(); //[1, 2, 3, 4, 55, 66, 44, 87, 25]

//2)

var arr =

[1,1,2,2,3,4,55,66,44,55,87,25,25]

;function f2 ()}

}return arr;

}f2(

); //[1, 2, 3, 4, 55, 66, 44, 87, 25]

//型別轉換

//1. set --> 陣列

var ss = new set(

[1, 2, 3, 4, 55, 66, 44, 87, 25]);

console.log(

[...ss]

);//[1, 2, 3, 4, 55, 66, 44, 87, 25]

//2.擴充套件

//求出大於100的資料且去重

//1)

var arr =

[20,32,23,15,63,543,24,26,3,266,34,246,242,22,123,123,266,246,345,234,123]

;console.log(

[...new set(arr.filter(item =

> item > 100))])

; //543, 266, 246, 242, 123, 345, 234]

//2)

var arr =

[20,32,23,15,63,543,24,26,3,266,34,246,242,22,123,123,266,246,345,234,123]

;console.log(array.from(new set(arr.filter(item =

> item > 100))

)); //543, 266, 246, 242, 123, 345, 234]

//求二組資料的 並集 交集 差集

var arr1 =

[2,3,5,2,5,7,3,5,36,4]

;var arr2 =

[8,9,4,1,2,3,7,3]

;//1)並

console.log(

[...new set(

[...arr1,...arr2])]

); //[2, 3, 5, 7, 36, 4, 8, 9, 1]

//2)交

var arr1 =

[2,3,5,2,5,7,3,5,36,4]

;var arr2 =

[8,9,4,1,2,3,7,3]

;function f3()}

return c;

}f3(

);//[2, 3, 7, 4]

//3)差

var arr1 =

[2,3,5,2,5,7,3,5,36,4]

;var arr2 =

[8,9,4,1,2,3,7,3]

;function f4()}

for(var i = 0;i} // return b; //[9, 1, 3]

// return a; //[3, 7, 4]

return

[...new set(

[...a,...b])]

; // [3, 7, 4, 9, 1]

}f4(

);// [3, 7, 4, 9, 1]

es6中set的屬性與方法

首先我們建立乙個空的set const set new set 1,2,3,4,5,4,3,1,5 console.log set 輸出結果為 1,2,3,4,5 set裡不會出現重複資料,也就是說可以用來陣列 字串去重的一些操作再簡單不過了一 屬性 size是求取set的集合的長度 console...

ES6中Set()的使用 javaScript

記錄一波今天在專案中實踐使用es6中的set 的資料結構,感覺特別帥氣!set 可以實現在返回的一串資料的陣列中挑選出滿足你條件的資料。最大的關注點就是 去重!使用場景 後台返回乙個陣列 所有場景的 裡面包含了全景圖與非全景圖 字段下面根據imagetype 來區分,貨架分為主貨架與非主貨架 而全景...

ES6中如何使用Set和WeakSet

es6中提供了兩新資料結構 set和weakset。set是類似於陣列,但是成員變數的值都是唯一的,沒有重複的值。weakset也是不重複的值的集合,但是只能用來存放物件。一 set使用 1 set本身提供了乙個建構函式,用來生成set資料結構。var s new set 2,2,2,5,8,16,...