TypeScript集合set用法 – TypeScript开发教程

上一章TypeScript教程请查看：TypeScript map用法和操作

TypeScript集合set是在ES6版本的JavaScript中添加的一个新的数据结构。它允许我们将不同的数据(每个值只出现一次)存储到类似于其他编程语言的列表中。集合与映射有点类似，但它只存储键，而不存储键-值对。

创建集合set

我们可以创建一个集合如下。

let mySet = new Set();  

集合方法

TypeScript集合方法如下所示。

例子

我们可以从下面的例子中理解set方法。

let studentEntries = new Set();  
   
//添加值
studentEntries.add("AAA");  
studentEntries.add("BBB");  
studentEntries.add("CCC");  
studentEntries.add("DDD");   
studentEntries.add("EEE");   
  
//返回集合数据
console.log(studentEntries);   
   
//检查值是否存在
console.log(studentEntries.has("Kohli"));        
console.log(studentEntries.has(10));        
   
//它返回集合的大小
console.log(studentEntries.size);    
   
//从集合中删除一个值
console.log(studentEntries.delete("Dhawan"));      
   
//清空set
studentEntries.clear();   
  
//在清除方法后返回set的数据
console.log(studentEntries);  

集合方法的链接

TypeScript set方法也允许链接add()方法。我们可以从下面的例子中理解它。

例子

let studentEntries = new Set();  
   
//在TypeScript中允许链接add()方法
studentEntries.add("AAA").add("BBB").add("CCC").add("DDD");  
  
//Returns Set data  
console.log("set值的列表:");  
console.log(studentEntries);  

迭代set数据

我们可以通过使用for…of的循环。下面的示例有助于更清楚地理解它。

例子

let diceEntries = new Set();  
  
diceEntries.add(1).add(2).add(3).add(4).add(5).add(6);  
   
//遍历集合项
console.log("Entries:");   
for (let diceNumber of diceEntries) {  
    console.log(diceNumber);   
}  
   
// 使用forEach迭代set条目 
console.log("forEach:");   
diceEntries.forEach(function(value) {  
  console.log(value);     
});