8、前端知識點--關於Set用法的詳解【ES6】


ES6提供了新的數據結構Set,它類似於數組,但是成員的值是唯一的,沒有重復的值(對於基本類型來說)。Set本身是一個構造函數,用來生成Set數據結構。

1、聲明

1 let set = new Set();
2 // 即創建了一個空的set

2、賦值

1 let set1 = new Set(['張三','李四','王五']);
2 console.log(set1)
3 // 輸出為:Set(3) {"張三", "李四", "王五"}

3、屬性:使用size求集合的大小(長度)

1 let set1 = new Set(['張三','李四','王五']);
2 console.log(set1)
3 // 輸出為:Set(3) {"張三", "李四", "王五"}
4 
5 console.log(set1.size)
6 // 返回值:3

4、方法

(1)add方法:表示往set中新增一個元素。

1 let set = new Set([1,2,3,4]);
2 set.add("aa")
3 console.log(set)
4 // 返回值: Set(5) {1, 2, 3, 4, "aa"}
5 // 改變自身
6 
7 set.add(9).add(8).add(7)
8 console.log(set)
9 //返回值:Set(8) {1, 2, 3, 4, "aa", 9, 8, 7}

(2)delete方法:表示刪除一個元素,返回結果是true或false

1 console.log(set.delete("aa"))
2 // 返回值:true
3 console.log(set)
4 // 返回值: Set(7) {1, 2, 3, 4, 9, 8, 7}

(3)has方法:判斷某個元素是否在set集合中

1 console.log(set.has(9))
2 // 返回:true
3 console.log(set.has("aa"))
4 // 返回:false

(4)clear方法:表示清楚set集合中的所有元素。沒有任何返回值,直接清楚所有元素。

1 set.clear()
2 console.log(set)
3 // 返回值:Set(0) {}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM