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

javaScript 基础知识汇总(八)的更多相关文章

  1. JavaScript基础知识汇总

    1. 图片热区: <img src="logo.jpg" usemap="#logo"> <map id="logo" n ...

  2. javaScript 基础知识汇总(三)

    1.循环:while 和 for while 循环 while(condition){ //代码 循环体 } do ... while  循环 let i =0; do { //循环体 }while( ...

  3. javascript基础知识 (八) BOM学习笔记

    一.什么是BOM      BOM(Browser Object Model)即浏览器对象模型.      BOM提供了独立于内容 而与浏览器窗口进行交互的对象:      由于BOM主要用于管理窗口 ...

  4. javaScript 基础知识汇总(六)

    1.基本类型与对象的区别 基本类型:是原始类型的中的一种值. 在JavaScript中有6中基本类型:string number  boolean  symbol  null  undefined 对 ...

  5. javaScript 基础知识汇总(五)

    1.垃圾回收 JavaScript 的内存管理是自动的,不能强制执行或者阻止执行 可达性 JavaScript中主要的内存管理概念是可达性. 什么是可达性? 定义一个对象 let user = { n ...

  6. javaScript 基础知识汇总(二)

    1.运算符 术语或者叫法:一元运算符.二元运算符.运算元(参数) let x=0; x=5+2; //5和2为运算元,“+” 为二元运算符: x=-x; //"-" 为一元运算符 ...

  7. javascript 基础知识汇总(一)

    1.<script> 标签 1) 可以通过<script> 标签将javaScript 代码添加到页面中 (type 和language 属性不是必须的) 2)外部的脚本可以通 ...

  8. JavaScript 基础知识汇总目录

    一.标签.代码结构.现代模式.变量.数据类型.类型转换 GO 二.运算符.值的比较.交互.条件运算符.逻辑运算符 GO 三.循环 while 和 for .switch语句.函数.函数表达式和箭头函数 ...

  9. javaScript 基础知识汇总 (十三)

    1.Class 在JavaScript中 calss即类是一种函数 基本语法 class Myclass{ constructor(){} method1(){} method2(){} method ...

随机推荐

  1. Java 获取Enumeration类型的集合

    学习到java的io流中关于序列流SequenceInputStream使用,其中把3个以上的流串联起来操作, 使用的参数是生成运行时类型为 InputStream 对象的 Enumeration 型 ...

  2. php--0与空的判断

    使用empty()函数判断,两者都是true $a=0; if(trim($a)=="") { echo '数字0'; }

  3. App Store成绞肉机 让创业者止步

    Store成绞肉机 让创业者止步" title="App Store成绞肉机 让创业者止步"> 曾几何时,苹果App Store一直被称之为创业者的天堂.似乎只要灵 ...

  4. python基础函数、方法

    python的函数和方法,通过def 定义: 函数的特性: 减少重复代码 使程序变的可扩展 使程序变得易维护 函数和方法的区别:函数有返回值.方法没有 语法定义: def sayhi():#函数名 p ...

  5. SpringMVC_Day01

    项目结构 //SpringMVC配置文件 <?xml version="1.0" encoding="UTF-8"?> <!-- spring ...

  6. 千亿VR市场 将被国内厂商玩坏多少?

    将被国内厂商玩坏多少?" title="千亿VR市场 将被国内厂商玩坏多少?"> 智能硬件行业在不断寻求新的突破口,当智能手机.平板.电视.家电等都司空见惯之后,能 ...

  7. android 应用程序与服务端交互

    http://www.cnblogs.com/freeliver54/archive/2012/06/13/2547765.html 简述了Service的一些基础知识以及Service和Thread ...

  8. ButterKnife的使用及其解析

    本博客介绍ButterKnife的使用及其源码解析. ButterKnife的使用 ButterKnife简介 添加依赖 在Project级别的build.gradle文件中添加为ButterKnif ...

  9. Redis list实现原理 - 双向循环链表

    双向链表 双向表示每个节点知道自己的直接前驱和直接后继,每个节点需要三个域 查找方向可以是从左往右也可以是从右往左,但是要实现从右往左还需要终端节点的地址,所以通常会设计成双向的循环链表; 双向的循环 ...

  10. KEMET推出新的多层陶瓷电容器,用于市电供电的应用

    前言:2019年12月2日,全球领先的电子组件供应商KEMET公司 (“ KEMET”或“公司”)推出了一系列新的表面安装设备(SMD)安全认证的多层陶瓷电容器(MLCC),用于市电供电的应用.与现有 ...