IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Es6 Set和Map(包含forEach、for···of方法) -> 正文阅读

[JavaScript知识库]Es6 Set和Map(包含forEach、for···of方法)

Set

Es6提供的新的数据结构Set,类似于数组,成员值都是唯一的,没有重复的值。

Set本身是一个构造函数。

Set方法有:add()、delete()、has()、clear()

add方法👆

?

delete方法👆

has方法👆判断数组是否含有值,有就返回true,没有返回false

clear方法👆清除所有值

forEach方法遍历数组,第一个参数遍历数组的值,第二个参数对应数组索引值,第三个参数是数组本身。

?for···of是Es6新增的循环方法。遍历数组的每一项。

?

size属性返回Set实例的成员总数。?

?

?Set加入值的时候不会发生类型转换,所以6和'6'是两个不同的值。在Set内部,两个NaN是相等的

两个空对象不相等,视为两个值。

?

Array.from方法可以将Set结构转为数组(可用于数组去重)。

?

?

?

Map

键值对数据结构Map

?

<script>
      const map = new Map([
        ["name", "夏"],
        ["age", "18"],
      ]);

      console.log(map.size);//2
      console.log(map.set("weight","100").set("height","162"));//多次赋值
      console.log(map.set("weight","100").set("weight","94"));//多次赋值有重复,后面会覆盖前面
    </script>

?

?Map结构有属性:

①size 返回Map结构的成员总数

②set(key, value)?

      const m = new Map();
      m.set("edition", 6); // 键是字符串
      m.set(66, "standard"); // 键是数值
      m.set(undefined, "hh"); // 键是 undefined
      console.log(m);

      //set方法返回的是当前的Map对象,因此可采用链式写法
      const map = new Map().set(1,'a').set(2,'b').set(3,'c');
      console.log(map);

?

?③get(key)

get方法读取key对应键值,如果找不到key就返回undefined

④has(key)

has方法返回一个布尔值,表示某个键是否在当前Map对象之中。

⑤delete(key)

delete方法删除某个键,返回true,删除失败返回false。

⑥clear()

clear方法清楚所有成员,没有返回值。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-05-25 11:33:58  更:2022-05-25 11:34:21 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 20:01:29-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码