javaScript 基础知识汇总（八）

1、Map Set WeakMap 和WeakSet

　　Map

　　是一个键值对的集合，主要的方法包括：

　　new Map() 创建Map

　　map.set(key,value) 　根据键（key）存储值（value).

　　map.get(key)　　根据键返回值，如果map中该值不存在，返回undefined

　　map.has(key) 　　如果键值存在，返回true，否则返回false

　　map.delete(key)　　移除该键的值

　　map.clear() 　　　　清空map

　　map.size 　　　　返回当前元素个数

 let map = new Map();
 
 map.set('', 'str1');   // 字符串作为 key
 map.set(, 'num1');     // 数字作为 key
 map.set(true, 'bool1'); // 布尔值作为 key
 
 // 还记得普通对象 Object 吗？它将会把所有的键转化为字符串类型
 // 但是 Map 将会保留键的类型，所以下面这两个是不同的：
 alert( map.get()   ); // 'num1'
 alert( map.get('') ); // 'str1'
 
 alert( map.size ); //

　　将Object转化为Map

　　通过一个方法Object,entries(obj),它可以返回一个对象的键值对数组，如下

 let map = new Map(Object.entries({
   name: "John",
   age:
 }));

　　遍历Map

 let recipeMap = new Map([
   ['cucumber', ],
   ['tomatoes', ],
   ['onion',    ]
 ]);
 
 // 迭代键（vegetables）
 for (let vegetable of recipeMap.keys()) {
   alert(vegetable); // cucumber, tomatoes, onion
 }
 
 // 迭代值（amounts）
 for (let amount of recipeMap.values()) {
   alert(amount); // 500, 350, 50
 }
 
 // 迭代键值对 [key, value]
 for (let entry of recipeMap) { // 和 recipeMap.entries() 一样
   alert(entry); // cucumber,500（等等）
 }
recipeMap.forEach( (value, key, map) => {
  alert(`${key}: ${value}`); // cucumber: 500 等等
});

　　Set

　　Set 是一个值得集合，这个集合中的所有的值仅出现一次

　　主要方法包括：

　　new Set()　　创建Set，利用数组创建是可选的（任何迭代对象都可以）

　　set.add(value)　　添加值，返回set本身

　　set.delete(value)　　删除值，如果该value在调用方法的时候存在则返回true，否则返回false。

　　set.has(value) 如果set中存在该值则返回true，否则返回false。

　　set.clear()　　　　清空set

　　set.size 元素的个数

　　Set 迭代

　　for ... of 或者 forEach

 let set = new Set(["oranges", "apples", "bananas"]);
 
 for (let value of set) alert(value);
 
 // 和 forEach 相同：
 set.forEach((value, valueAgain, set) => {
   alert(value);
 });

　　WeakMap 和 WeakSet　　

　　WeakMap 仅有如下方法：

weakMap.get(key)
weakMap.set(key, value)
weakMap.delete(key, value)
weakMap.has(key)

　　WeakSet同理

　　　这两者的键必须是对象

 let weakMap = new WeakMap();
 
 let obj = {};
 
 weakMap.set(obj, "ok"); // 运行正常（对象作为键）
 
 weakMap.set("test", "Whoops"); // 错误，因为“test”是原始类型

2、Json 方法

　　　Json.stringify 将对象转换为json 完整语法：let json = JSON.stringify(value[, replacer, space])

　　Json.parse 将Json 转换为对象语法：let value = JSON.parse(str[, reviver]);

let student = {
  name: 'John',
  age: ,
  isAdmin: false,
  courses: ['html', 'css', 'js'],
  wife: null
};
 
let json = JSON.stringify(student);
 
alert(typeof json); // we've got a string!
 
alert(json);
/* JSON-encoded object:
{
  "name": "John",
  "age": 30,
  "isAdmin": false,
  "courses": ["html", "css", "js"],
  "wife": null
}
*/

 // a number in JSON is just a number
 alert( JSON.stringify() ) // 1
 
 // a string in JSON is still a string, but double-quoted
 alert( JSON.stringify('test') ) // "test"
 
 alert( JSON.stringify(true) ); // true
 
 alert( JSON.stringify([, , ]) ); // [1,2,3]

 // stringified array
 let numbers = "[0, 1, 2, 3]";
 
 numbers = JSON.parse(numbers);
 
 alert( numbers[] ); //

 let user = '{ "name": "John", "age": 35, "isAdmin": false, "friends": [0,1,2,3] }';
 
 user = JSON.parse(user);
 
 alert( user.friends[] ); //