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[] ); //