- Set
- Map
Set
Set是一个构造函数
必须使用new调用
用于实例化一个set对象
set对象用来存储任意类型的唯一值
<new Set()
new Set(iterable)
- iterable
可迭代对象
返回值：返回一个新创建的Set对象。
示例：创建一个空Set
new Set()
示例：创建一个Set对象
const arr = [1,2,3,4,3,2,1]
let set = new Set(arr)
console.log(set);//Set(4) [ 1, 2, 3, 4 ]
示例：创建一个Set对象
const obj ={y:1}
const arr = [1,obj,{x:1},obj,{x:1}]
let set = new Set(arr)
console.log(set);
size: 4
<entries>
0: 1
1: Object { y: 1 }
2: Object { x: 1 }
3: Object { x: 1 }
1.Set.prototype.add()
用于向Set对象中添加新值。如果值存在则不添加
语法：
set.add(value)//任意类型的值
返回值：更新后的对象
用法：
const obj ={y:1}
const arr = [1,obj,{x:1},obj,{x:1}]
let set = new Set(arr)
set.add("小猫")
set.add(NaN)
set.add(NaN).add(NaN)
console.log(set);//Set(6) [ 1, {…}, {…}, {…}, "小猫", NaN ]
Set.prototype.has()
拥有检索Set对象是否存在指定值
语法：
set.hase(value)//任意值
返回值：
true：存在
false：不存在
Set.prototype.delete()
- delete() 方法从 Set 对象中删除指定的值（如果该值在 Set 中）。
语法：
delete(value)
返回值：true删除成功 false不成功
Set.forEach
遍历set
语法：
set.forEach(value,key,set){
}
value：值
key：索引，key没有键，使用value值也会给key
set：set对象名
修改set对象中的值
let set = new Set
set.forEach((value,key,set)=>{
// console.log(value);
// console.log(key);
// console.log(set);
if(value===1)value= "ccc"
console.log(value);
})
Map（）
定义：
- Map（）是ES6新增的内置构造函数
- Map（）构造函数用于创建Map对象。（也被称为词典）
- 传入一个数组会报错
- 必须传入一个键值对形式的对象
语法：
new map()
返回值：一个map对象,键值对具有唯一性
示例：
const map =new Map()
console.log(map);
示例：
let obj = [["x","y"],["1","2"],["x","y"]]
const map =new Map(obj)
console.log(map);//Map { x → "y", 1 → "2" }
Map对象是什么
- Mam对象引入的一种新型数据结构
- 和JS中Object一样，也使用键值对形成存储数据
-
和Object不一样的地方
有序存储，Map会记录存储位置
Map对象中的key可以是任意数据类型,obj的key只能是字符串，symbol，计算属性
map有长度，Object没有；
map可迭代，obj不可以迭代
对象是键值的无序集合，map是键值的有序集合 - map是键值对的有序集合
语法：
new Map()
new Map(iterable)
iterable：必须是键值对和可迭代对象
map增删改查
1.增
Map.prototype.set()
- set() 方法为 Map 对象添加或修改一个键（key）和值（value）的（新）键值对。
语法：
map.set(key, value)
返回值：返回更新后的map对象
示例，添加一个新的键值对：
let a = 1+1
function fn(){}
let obj = [[0,"a"],[a,"b"],[1,"c"],[fn(),"d"],[undefined,"e"],[NaN,"e"],["c","g"]]
const map =new Map(obj)
map.set("黄油符","投影仪")
console.log(map);//Map(7) { 0 → "a", 2 → "b", 1 → "c", undefined → "e", NaN → "e", c → "g", "黄油符" → "投影仪" }
示例，修改键值对：
let a = 1+1
function fn(){}
let obj = [[0,"a"],[a,"b"],[1,"c"],[fn(),"d"],[undefined,"e"],[NaN,"e"],["c","g"]]
const map =new Map(obj)
map.set("黄油符","投影仪")
console.log(map);//Map(7) { 0 → "a", 2 → "b", 1 → "c", undefined → "e", NaN → "e", c → "g", "黄油符" → "投影仪" }
map.set("黄油符","记录委员")
console.log(map.get("黄油符"));//记录委员
2.删
Map.prototype.clear()
- clear() 方法会移除 Map 对象中的所有键值对。
语法：
map.clear()
无参数
返回undefined
Map.prototype.delete()
- delete() 方法用于移除 Map 对象中指定的键值对。
语法：
map.dalete(key)
返回值：true删除成功 false不成功
3.改
Map.prototype.set()
- set() 方法为 Map 对象添加或修改一个键（key）和值（value）的（新）键值对。
语法：
map.set(key, value)
返回值：返回更新后的map对象
4.查
Map.prototype.has()
- has() 方法返回一个布尔值，查询指定键的元素是否存在。
返回值：true存在 false不存在
Map.prototype.get()
定义：get（）方法用于查询指定key的value
语法：
map.get(key)
返回值：value查到了
undefied：没有找到
示例：
let obj = [[null,"y"],[["a"+"b"],"2"],[1,"y"],[function(){},true],[undefined,"c"],[NaN,1]]
const map =new Map(obj)
console.log(map.get(null));//y
map.prototype.forEach()
用于遍历map对象
语法：
forEach(callbackFn)
forEach(callbackFn, thisArg)
返回undefined
示例：
const bod1 = {name:"cyh"}
const girl2 = {name:"wl"}
const bod2 = {name:"tl"}
const map = new Map([
[bod1,"记录"],
[girl2,'蒙城'],
[bod2,"插座"]
])
map.forEach((value,key,map)=>{
console.log(value);//记录 蒙城 插座
console.log(key);//Object { name: "cyh" }
})
map.keys
定义:keys() 返回一个引用迭代器，它包含按照顺序插入 Map 对象中每个元素的 key 值。
语法：
map.keys()
注意：单独提取键值对需要配合next（）.value
返回值：一个新的可迭代的 Map 迭代器对象。
示例1拿到keys：
const bod1 = {name:"cyh"}
const girl2 = {name:"wl"}
const bod2 = {name:"tl"}
const map = new Map([
[bod1,"记录"],
[girl2,'蒙城'],
[bod2,"插座"]
])
const maps = map.keys()
console.log(maps.next().value);//Object { name: "cyh" }
Map.prototype.values()
返回一个可迭代map对象，包含按照顺序返回map的value值
语法：
map.values()
注意：单独提取键值对需要配合next（）.value
示例：
const bod1 = {name:"cyh"}
const girl2 = {name:"wl"}
const bod2 = {name:"tl"}
const map = new Map([
[bod1,"记录"],
[girl2,'蒙城'],
[bod2,"插座"]
])
const values = map.values()
console.log(values.next().value);//记录
map.prototype.entries()
返回一个新的迭代器map对象，其中包含 Map 对象中按插入顺序排列的每个元素的 [key, value] 对。
语法：
map.entries()
返回值：返回一个可迭代map对象
注意：单独提取键值对需要配合next（）.value
示例：
const bod1 = {name:"cyh"}
const girl2 = {name:"wl"}
const bod2 = {name:"tl"}
const map = new Map([
[bod1,"记录"],
[girl2,'蒙城'],
[bod2,"插座"]
])
const maps = map.entries()
console.log(maps.next().value);//Array [ {name:cyh}}, "记录" ]
map.prototype.size
只读属性
返回map对象中有多少属性
语法：
map.size
返回值：数值，返回map对象中有多少属性
示例：
const bod1 = {name:"cyh"}
const girl2 = {name:"wl"}
const bod2 = {name:"tl"}
const map = new Map([
[bod1,"记录"],
[girl2,'蒙城'],
[bod2,"插座"]
])
console.log(map.size);//3
es6计算属性
es6命名对象key的方法。
用方括号设置对象的属性名
对象的属性名是一个表达式
const obj = {
[a+b]:x
}
对象的属性名必须是一个字符串或计算属性或symbol
网友评论