重学ES系列之新型数据结构Map应用

￡神魔★判官ぃ 2021-08-30 16:31 363阅读 0赞

<!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>
        
    </body>
    <script> // 1、 // let num = 123; // let arr =[1,2,3]; // let fun = function () {}; // let obj = {}; // const map1 = new Map(); // map1.set(num,"q1"), // map1.set(arr,"q2"); // map1.set(fun,"q3"); // map1.set(obj,"q4"); // console.log(map1); // console.log(map1.keys()); // for (const key of map1.keys()) { // console.log(key); // } // 2、 const map2 = new Map([ ["a1","1"], ["a2","2"], ["a3","3"] ]); map2.set("a4","4"); map2.delete("a2"); console.log(map2.has("a2"));//false console.log(map2); let arr1 = [...map2.values()];//可以把所有的value转存到数组 console.log(arr1); let arr2 = [...map2.keys()];//可以把所有的key转存到数组 console.log(arr2); let arr3 = [...map2.entries()];//显示数组里面的所有内容 console.log(arr3); for (const key of map2.keys()) { console.log(key); } // 适用于集合类型 </script>
    </html>

--------------------

> 作者：**Vam的金豆之路**
> 
> 主要领域：**前端开发**
> 
> 我的微信：**maomin9761**
> 
> 微信公众号：**前端历劫之路**
> 
> ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70][]

--------------------

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5MDQ1NjQ1_size_16_color_FFFFFF_t_70]: /images/20210813/d2fbbf2aa177413892f3ba2697a6735b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，363人围观）

还没有评论，来说两句吧...

相关阅读

相关重学ES6 Map

含义和基本用法 JavaScript的对象本质上是键值的集合（Hash结构），只能用字符串作为键。给使用带来了很大的限制。 const data = {}

港控/mmm°/ 2022年10月01日 07:54/ 0 赞/ 180 阅读

相关从零开始学_JavaScript_系列（45）——ES6新增数据结构：Map和WeakMap

Map和WeakMap 0、一句话总结 1. Map的参照1.1 2. WeakMap的是弱化版Map，只有增、查、取、删四个API 1、Map 1.

ゝ一世哀愁。/ 2022年06月14日 02:40/ 0 赞/ 232 阅读

相关 ES6之Set和Map数据结构

ES6提供了新的数据结构Set，类似数组，元素值都是唯一的，不能重复。Set本身就是一个构造函数。 Set接受数组或者类数组作为参数用来初始化： var arr1

痛定思痛。/ 2022年01月18日 22:45/ 0 赞/ 335 阅读

相关重学ES系列之过滤数组

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

灰太狼/ 2021年08月30日 17:08/ 0 赞/ 321 阅读

相关重学ES系列之新型数据结构Map应用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

￡神魔★判官ぃ/ 2021年08月30日 16:31/ 0 赞/ 364 阅读

相关重学ES系列之拓展运算符

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

淩亂°似流年/ 2021年08月30日 11:55/ 0 赞/ 311 阅读

相关重学ES系列之变量的作用范围

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

喜欢ヅ旅行/ 2021年08月29日 21:03/ 0 赞/ 299 阅读

相关重学ES系列之函数优化

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

今天药忘吃喽~/ 2021年08月29日 17:46/ 0 赞/ 336 阅读

相关重学ES系列之字符串方面的处理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

今天药忘吃喽~/ 2021年08月29日 16:58/ 0 赞/ 244 阅读

相关重学ES系列之模版字符串

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

清疚/ 2021年08月29日 12:12/ 0 赞/ 316 阅读