JS--Object、 Set、Map

Object

1.创建：var obj={}   //可以修改和遍历。用Object.create创建的默认不能修改遍历

2.添加属性/修改属性，对象名自动转换成字符串：

var b="9"
var o={
	fn:1,
	b:2
}
o[b]=6

 3. 删除属性

var b="9"
var o={
	fn:1,
	b:2,
	"9":9
}
delete o.b  //删的是 b:2  !!!!!

delete o[b]  //删的是 "9":9
delete o["9"]  //删的是 "9":9
delete o[3*3]  //删的是 "9":9

//中括号里当成表达式计算，有点像vue里的 v-model绑定的数据
//  .运算符不需要计算,但只能.变量名

4.获取keys、values

var o={
	fn:1,
	b:2,
	"9":9
}
Object.keys(o)
Object.values(o)

 5.长度，没有直接方法，Object.keys(o).length

6.遍历，用in 得到的是key。不能用of

for(let i in o){
	console.log(i)
	console.log(o[i])
}

Set

1、创建：可以创建空集合，或者以数组形式传入。数组中每个数据都称为set中的元素

var set=new Set([{1:2},3,"4"])

2、末尾添加：只能添加一个数据。传入的数组整体被当做一个元素

set.add(["a",5])

3、末尾删除：可以删除任意一个基本数据类型，对象类型要先定义再添加、再通过这个对象名删除

var set=new Set([{1:2},3,"4"])
set.delete({1:2})//找不到着这个对象、删除失败
set.delete("4")//删除成功

                                                     

4、判断元素是否在集合中

set.has(3) //true

5、如果想强制在set中间位置插入数据，需要先转化为数组，在将数组传入一个新建的Set。删除数据同理

var set=new Set([{1:2},3,"4"])
var s=[...set]
s.splice(1,0,99)
set=new Set(s)

不能直接  s=[...set].splice(1,0,99)，s是一个空数组

6.遍历 用of, 不能用 in !!

for(item of set){  
	console.log(item)
}

7.获取集合长度

console.log([...set].length)

8.Set 的用处：去重、求交并集

Map：

1.新建：以二维数组的方式传入参数

var map=new Map([[1,2],[3,4]])
console.log(map)

var map=new Map([[{q:1},2],[[3,3],4]])
console.log(map)

 2.填加/修改  map.set（k,v）

3.删除 map.delete（k）

4.获取value：map.get(k)

5.遍历：of

for(item of map){  
	console.log(item)
}

6. 获取长度

console.log([...map].length)

7.获取所有key：没有现成函数，解构赋值yyds

var map=new Map([[{q:1},2],[[3,3],4]])
var keys=[];
[...map].forEach((v)=>keys.push(v[0]))

用reduce,注意这里的返回值！！错误方法一直写成 
    return pres.push(item[0])

后来发现push的返回值是数组长度，那么第一次push之后，pres值为1，后面push就报错了。

var keys=[...map].reduce((pres,item)=>{
	pres.push(item[0])
	return pres
},[])

console.log(keys)

同理可以获取所有的value，（item[1]）