前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >es6 set和map_数据结构什么叫度

es6 set和map_数据结构什么叫度

作者头像
全栈程序员站长
发布2022-10-04 16:37:39
2720
发布2022-10-04 16:37:39
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

参考1:https://www.cnblogs.com/lilife/p/13797853.html 参考2:https://es6.ruanyifeng.com/#docs/set-map

在这里插入图片描述
在这里插入图片描述

set 与 map 的数据结构

Set含义和基本用法

新数据结构Set。类似于数组,但是成员的值都是唯一的。所以可以用于数组去重。

代码语言:javascript
复制
const s = new Set();

[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));

for (let i of s) { 
   
  console.log(i);
}
// 2 3 5 4

两个空对象 所代表的内存地址是不一样的 所以可以看成两个值

代码语言:javascript
复制
let set = new Set();

set.add({ 
   });
set.size // 1

set.add({ 
   });
set.size // 2
实例操作方法
代码语言:javascript
复制
Set.prototype.constructor:构造函数,默认就是Set函数。
Set.prototype.size:返回Set实例的成员总数。
Set.prototype.add(value):添加某个值,返回 Set 结构本身。
Set.prototype.delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
Set.prototype.has(value):返回一个布尔值,表示该值是否为Set的成员。
Set.prototype.clear():清除所有成员,没有返回值。
代码语言:javascript
复制
s.add(1).add(2).add(2);
// 注意2被加入了两次

s.size // 2

s.has(1) // true
s.has(2) // true
s.has(3) // false

s.delete(2);
s.has(2) // false
Map含义和基本用法

JavaScript对象object本质上是键值对的集合,Hash结构。

缺陷是只能使用字符串作为键。

而map结构优化了这个缺陷,它提供了值-值对的形式,让键名不再局限于字符串,是一种更完整的Hash结构实现

Map

可以接受一个数组作为参数,或者任何具有Iterator接口且每个成员都是一个双元素数组的数据结构都可以当作Map的构造函数的参数。

代码语言:javascript
复制
//set对象和map对象都可以以构造函数的形式生成一个新的map结构
const map =new Map()
const map =new Set()
//数组作为参数
const map =new Map([['name','rowland'],['type','1']])
实例的属性和操作方法
代码语言:javascript
复制
Map.prototype.constructor:构造函数,默认就是Map函数。
Map.prototype.size:返回Map实例的成员总数。
Map.prototype.set(key, value):添加某个值,返回 Map结构本身。
Map.prototype.get(key):get方法读取key对应的键值,如果找不到key,返回undefined。 
Map.prototype.delete(value):删除某个值,返回一个布尔值,表示删除是否成功。
Map.prototype.has(value):返回一个布尔值,表示该值是否为Map的成员。
Map.prototype.clear():清除所有成员,没有返回值。
代码语言:javascript
复制
const map = new Map();
map.set('foo', true);
map.set('bar', false);
map.size // 2
const m = new Map();
m.set('edition', 6)        // 键是字符串
m.set(262, 'standard')     // 键是数值
m.set(undefined, 'nah')    // 键是 undefined
let map = new Map()
.set(1, 'a')
.set(2, 'b')
.set(3, 'c');
const m = new Map();
const hello = function() { 
console.log('hello');};
m.set(hello, 'Hello ES6!') // 键是函数
m.get(hello)  // Hello ES6!
const m = new Map();
m.set('edition', 6);
m.set(262, 'standard');
m.set(undefined, 'nah');
m.has('edition')     // true
m.has('years')       // false
m.has(262)           // true
m.has(undefined)     // true
const m = new Map();
m.set(undefined, 'nah');
m.has(undefined)     // true
m.delete(undefined)
m.has(undefined)       // false
let map = new Map();
map.set('foo', true);
map.set('bar', false);
map.size // 2
map.clear()
map.size // 0

由于map的键值可以是任意值,而对象所表示的内存地址。所以表面上是操作的一个map对象,实际上不是同一个。

代码语言:javascript
复制
const map = new Map()
map.set(['a'],111)
map.get(['a']) //underfined

Map和Set的区别

  1. Map保存键值对,任何值都可以作为键值的值。
  2. Set保存的是类数组数据,是值的集合。
  3. Map有get方法而Set没有get方法
  4. map以键值对的形式存储,key=value组成pair,是一组映射关系。set只有值,可以认为只有一个数据,并且set中元素不可以重复且自动排序。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/196371.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年9月7日 上,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • set 与 map 的数据结构
    • Set含义和基本用法
      • 实例操作方法
    • Map含义和基本用法
      • 实例的属性和操作方法
  • Map
  • Map和Set的区别
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档