javascript中的Set和Map数据结构

Posted lianghua190430

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中的Set和Map数据结构相关的知识,希望对你有一定的参考价值。

Set数据结构
  类似数组,所有的数据都是唯一的,没有重复值,它本身是一个构造函数
  size 数据长度
  add() 添加一个数据
  delete() 删除一个数据
  has() 查找一个数据
  clear() 删除所有数据

//重复的数据会被删除
let set = new Set([1,1,2,3,4]);
console.log(set)
console.log(set.size)//4

//添加
console.log(set.add(5));//Set(5) {1, 2, 3, 4, 5}

//删除
console.log(set.delete(1));//成功返回true
console.log(set);//Set(4) {2, 3, 4, 5}

//查找数据
console.log(set.has(2));//找到返回true
console.log(set.has(‘a‘));//false

//删除数据
console.log(set.clear());//undefined
console.log(set)//Set(0) {}

=======================================================================================================================================

Map数据结构
  类似于对象,键值对的集合,所有的数据都是唯一的,不会重复
  每条数据都要放在一个数组中,它本身是一个构造函数

  size 数据的长度
  set() 添加一条数据
  delete() 删除一条数据
  get() 获取一条数据
  has() 查找某条数据
  clear() 删除所有数据

var map = new Map([[‘name‘,‘张三‘],[‘age‘,30],[‘id‘,155]]);
console.log(map)//Map(3) {"name" => "张三", "age" => 30, "id" => 155}

/*添加数据*/
console.log(map.set(‘sex‘,‘男‘));//Map(4) {"name" => "张三", "age" => 30, "id" => 155, "sex" => "男"}

//删除一条数据
console.log(map.delete(‘name‘));//true
console.log(map);//Map(3) {"age" => 30, "id" => 155, "sex" => "男"}

//获取一条数据
console.log(map.get(‘age‘));//30

//查找一条数据
console.log(map.has(‘id‘));//true
console.log(map.has(‘name‘));//false,前面被删除了

  

 

以上是关于javascript中的Set和Map数据结构的主要内容,如果未能解决你的问题,请参考以下文章

javascript中的Set和Map数据结构

javaScript中的 Set 和 Map

Map和Set

javascript中的Map和Set

javascript中的set和map

JavaScript 中的 Map, Set, WeakMap, WeakSet