ES6学习——set map数据结构 、 DOM classlist属性、创建对象 、Symbol应用

目录

一、set map数据结构 

1、set数据结构

2、map数据结构

二、DOM classlist 属性

1、add(class1,class2)

2、 contains(class)

3、 item(index)

4、 remove(class1,class2)

5、 toggle(*class,* true\|false)

三、创建对象

1、ES6 创建对象

2、 Key值构建

3、自定义对象方法

4、 Object.assign( )合并对象

四、Symbol应用

1、Symbol 创建

2、Symbol内置值

3、Symbol使用场景

---

一、set map数据结构 

1、set数据结构

      ES6 提供了新的数据结构  Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

           // 1 set定义与初始化数据
			const set = new Set([1,2,3,4,4]);
			set.add(5).add(6);//set加一个值
			set.delete(6);//删除指定的值
			console.log(set.has(6));//has判断有没有指定的值，有返回true 反之为false
			set.clear();//清除所有的值
			console.log(set);

            //数据遍历：forEach方法，用于对每个成员执行某种操作，没有返回值。      
			//set遍历
			set.forEach(item=>console.log(item));

2、map数据结构

     JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制，map的键不限于字符串，对象也可以称为键。

        // 2:map数据结构
		    const Info = {height:190,major:"计算机"};
			const map = new Map([["sex",1],["weight",180]]);

		  //设置map的值 key->value
			map.set("realname","张三");
			map.set("age",18);
			map.set(Info,"个人详细信息");
			
          //get得到map的值 参数：key
			console.log(map.get("realname"));
		  
          //删除map的值 参数：key
			map.delete("age");
		    
          //获取map的长度
			console.log(map.size);
			console.log("age是否存在：" + map.has("age"));
			
          //获取map的所有的key
			// const keys = map.keys();
			map.clear();    

          //遍历
			for(let v of person){
				console.log(v);
			}

二、DOM classlist 属性

1、add(class1,class2)

添加一个类，如果类不存在则不添加。

document.getElementById("mydiv").classList.add("demodiv","demodiv1");

2、 contains(class)

判断元素中是否存在某个类。存在返回true，反之返回false。

let x = document.getElementById("mydiv").classList.contains("demodiv");

console.log(x);

3、 item(index)

返回元素中索引值对应的类名。索引值从 0 开始。  如果索引值在区间范围外则返回 *null*

document.getElementById("mydiv").classList.item(0);

4、 remove(class1,class2)