ES6新特性15-Map

最新推荐文章于 2023-03-26 11:59:34 发布
最新推荐文章于 2023-03-26 11:59:34 发布
阅读量202 收藏
点赞数
分类专栏： ES6笔记 文章标签： javascript 前端 vue.js map es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A1066223647/article/details/124949672
版权

ES6新特性15-Map

文章目录

一、Map的介绍与API

ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合。 但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作

键。 Map也实现了iterator接口，所以可以使用『扩展运算符』和『 for…of…』进行遍历。 Map的属性和方法：

  1. size 返回 Map的元素个数
  2. set 增加一个新元素，返回当前 Map
  3. get 返回键名对象的键值
  4. has 检测 Map中是否包含某个元素，返回 boolean值
  5. clear 清空集合，返回 undefined
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Map</title>
</head>
<body>
    <script>
        //声明 Map
        let m = new Map();

        //添加元素
        m.set('name','尚硅谷');
        m.set('change', function(){
            console.log("我们可以改变你!!");
        });
        let key = {
            school : 'ATGUIGU'
        };
        m.set(key, ['北京','上海','深圳']);

        //size
        // console.log(m.size);

        //删除
        // m.delete('name');

        //获取
        // console.log(m.get('change'));
        // console.log(m.get(key));

        //清空
        // m.clear();

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

        // console.log(m);

    </script>
</body>
</html>
MarxistVive
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ES6 新特征之Map
ivenqin的博客
11-04 528
ES6 给我们提供了 Map 数据结构，它类似于对象，用于保存键值对。不同的是，Map 中键的范围不限于字符串类型，各种类型的值（包括对象）都可以当作一个键或一个值。也就是说，Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现。如果需要用到“键值对”的数据结构，Map 比 Object 更合适。 Map和Object的区别 Object 中的键只能是字符串或者 Symbols 类型，但 Map 中的键可以是任意值。 Map 中的键值是有序的
ES6新特性-Map
weixin_44024376的博客
08-15 292
ES6新特性-Map、WeakMap、Set、WeakSet Map是一种新的集合类型，是一种键值对存储机制。 Map 一、基本API const m = new Map; const m1 = new Map([ ['key1', 'value1'], ['key2', 'value2'], ['key3', 'value3'] ]); 使用new关键字和Map构造函数可以创建一个空映射。 初始化实例时可以给Map构造函数中传入一个可迭代对象，一个需要包含键值对的数组。 1、si
es6中Set与Map的简单总结
weixin_44823384的博客
03-11 243
Set 基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。 集合实现了 iterator 接口，所以可以使用『扩展运算符』和『for…of…』进 行遍历 let arr = [1,2,3,4,5,4,3,2,1]; //1. 数组去重 let result = [...new Set(arr)]; //因为[...]， 所以
ES6新特性之Set和Map
Leon_Jinhai_Sun的博客
12-07 410
ES6提供了Set和Map的数据结构。 Set，本质与数组类似。不同在于Set中只能保存不同元素，如果元素相同会被忽略。和java中的Set集合非常相似。 <script> let set = new Set(); set.add(1); set.add(2); set.add(5); s...
es6新特性之Map
xiaozhuangyumaotao的博客
05-29 582
es6里面的Map的基本用法 为什么要新出来个Map呢？ 我们知道，Js对象在本质上是就键值对的集合，比如一个普通的json对象就是键值对的集合。在es6之前的js对象有个缺点，就是它只能使用字符串充当键。ES6正是为了解决key只能为字符串才提供了Map结构。它类似与对象，也是键值对集合，但是”键”的范围不限于字符串，言外之意就是说对象也可以当作键，比如下面的代码（如果嫌node麻烦的话,新建个html，直接在谷歌浏览器中打开即可,现在最新版本的谷歌是支持set和map的）： &l...
ES6新特性五：Set与Map的数据结构实例分析
08-30
ES6新特性五：Set与Map的数据结构实例分析 Set数据结构是ES6中的一种新特性，它类似于数组，但是成员的值都是唯一的，没有重复的值。Set结构是一个构造函数，用来生成Set数据结构。 Set结构的定义和属性 Set结构...
learn-es6:学习es6-javascript
03-30
**ES6，全称ECMAScript 2015，是JavaScript语言的一个重大更新版本，引入了许多新特性，显著提升了代码的可读性和编写效率。本文将深入探讨ES6的关键知识点，帮助你全面掌握这一现代JavaScript语法。** 1. **变量...
ES6的新特性概览
10-22
ES6，全称为ECMAScript 6，是JavaScript编程语言的一个重大更新，引入了一系列新特性，极大地提升了开发者的编程体验和代码的可读性。以下是一些主要的ES6新特性： 1. **箭头函数**： 箭头函数（Arrow Function）...
ES6新特性的部分示例代码
最新发布
04-25
这些只是ES6特性的一部分，还有像`Set`、`Map`、`WeakSet`、`WeakMap`等数据结构，以及`for...of`循环、`async/await`等更多内容，它们共同构成了ES6丰富的特性集合，使得JavaScript在前端开发中更具魅力。
ES6新特性--Map集合
u013185175的博客
03-26 144
但是“键” 的范围不限于字符串，各种类型的值（包括对象）都可以当作键。Map 也实现了 iterator 接口，所以可以使用【扩展运算符】和【for…(1).set()方法，增加一个新元素，返回当前 Map。(2).size()方法，返回 Map 的元素个数。(3).get()方法，返回键名对象的键值。(4).has ()方法，是否包含指定元素。(5).clear()方法，清除集合元素。(6)for...of...遍历集合元素。Map集合常用的属性和方法。(1).Map集合概述。(2).Map集合创建。
W3School离线手册_2015.07.17
04-05
W3School离线手册_2015.07.17->API->web前端开发->中文
ES6的新特性、Set、Map
weixin_61561066的博客
06-23 473
ECMAScript 6.0（以下简称 ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。ECMAScript 是 JavaScript 语法规定，JavaScript 是 ECMAScript的实现let 和const：两种新的声明方式A、JavaScript 中 var 声明方式的局限：会造成变量的作用域的提升B、let 声明变量只在块中有效（块级作用域 ‘ { } ’）C、const声明的是变量，必须初始化并且不能重新赋值（a）const声明的对象（常对象）：可以改变对象
ES6新特性（基础常用）
m0_63622279的博客
10-11 203
Map 中的键值是有序的（FIFO 原则）先进先出==>队列，Map 的键值对个数可以从 size 属性获取。es6提供的新的拼接方式 ,字符串由 ``来包裹，然后只需要使用${}来提取你所要的值进行拼接即可。Set 对象，不重复且无序，常用于数组的去重，取交集并集差集（和数学中的概念是一样的）。Map 构造函数可以将一个 二维 键值对数组转换成一个 Map 对象。const 声明一个只读的常量，一旦声明，常量的值就不能改变。解构的目标，解构赋值表达式的左边部分。解构的源，解构赋值表达式的右边部分。
es6新特性-Set和Map数据结构
kimihiro_41的博客
06-28 386
Set和Map数据结构 Set 本身是一个构造函数，用来生成 Set 数据结构。Set 结构不会添加重复的值。 Set 函数可以接受一个数组（或类似数组的对象）作为参数，用来初始化。// 例一 const set = new Set([1, 2, 3, 4, 4]); [...set] // [1, 2, 3, 4]// 例二 const items = new Set([1, 2, 3, 4,
ES6新特性参考
热门推荐
天外流星
09-17 1万+
ES6新特性参考：这里收集和整理了ES6常用和重大的新特性。
Js-w3school（2020.2.6）【ES6的变动】
mus-z的博客
02-06 223
（1）ES6 中的一些新特性。 • JavaScript let • JavaScript const • 幂 (**) • 默认参数值 • Array.find() • Array.findIndex() （2）let 语句允许您使用块作用域声明变量。 var x = 10; // Here x is 10 { let x = 2; // Here x is 2 } // Here x...
葵花宝典之ES6 — Set 和 Map 数据结构
liu66998877的博客
10-08 267
Set 1、基本用法 ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成 Set 数据结构。 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 上面代码通过add()方法向 Set 结构加入成员，结果表明 Set 结构不会添加重复的值。 Se
ES6 数组新特性（map，filter，forEach，reduce，array.from）
keep moving
09-11 1725
map：原来数组有多少个，map 处理之后还是那么多个。参数：item，index，array let arr = [12,35,56,79,56]; let arr1 = arr.map(item =&amp;gt; item%2 === 0 ? '偶' : '奇'); let arr2 = arr.map((item,index) =&amp;gt; index + ':' + item); consol...
深入探索：ES6新特性与JavaScript的关系
因此，为了保持版本的连续性，ES6成为了包含一系列新特性的大版本，后续通过小版本迭代来逐步添加更多特性。尽管如此，"ES2015"这个名称仍被广泛使用，它与ES6实际上指的是同一版本的ECMAScript标准。 3. ES6的关键...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MarxistVive

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值