[JavaScript知识库] ES6的set与map

开发: 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 -> 正文阅读

[JavaScript知识库]ES6的set与map

<!DOCTYPE html>

<html>

? ? <head>

? ? ? ? <meta charset="utf-8">

? ? ? ? <title></title>

? ? </head>

? ? <body>

? ? ? ?

? ? </body>

? ? <script type="text/javascript">

//set具有去重的作用

//Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。

//Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。

? ? ? ? // let arr = ['第一个','2',3,4,5];

? ? ? ? // let myMap = new Map()

? ? ? ? // myMap.set('id',1);

? ? ? ? // myMap.set('name','王');

? ? ? ? // let str = {

? ? ? ? // ?id:1,

? ? ? ? // ?name:"王",

? ? ? ? // ?age:18

? ? ? ? // }

? ? ? ? // for(let i of myMap){

? ? ? ? // ?console.log(i);

? ? ? ? // }

? ? ? ? // for(let [i,j] of myMap){

? ? ? ? // ?console.log(i,j);

? ? ? ? // }

? ? ? ? // let myMaps = new Map();

? ? ? ? // console.log(myMaps);

? ? ? ?

? ? ? ? // let kvArray = [["key1", "value1"],["key2", "value2"]];

? ? ? ? // kvArray[0][0]="key10";

? ? ? ? // let myMap = new Map(kvArray);

? ? ? ? // console.log(myMap);

? ? ? ? // let outArray = Array.from(myMap);

? ? ? ? // console.log(outArray);

? ? ? ? // let myMap1 = new Map([["key1", "value1"], ["key2", "value2"]]);

? ? ? ? // let myMap2 = new Map(myMap1);

? ? ? ? // console.log(myMap1 === myMap2);

? ? ? ? // 合并两个 Map 对象时，如果有重复的键名，则后面的会覆盖前面的

? ? ? ? let first = new Map([[1, 'one'], [2, 'two'], [3, 'three']]);

? ? ? ? let second = new Map([[1, 'uno'], [2, 'dos']]);

? ? ? ? let merged = new Map([...first, ...second]);

? ? ? ? console.log(merged);

? ? </script>

</html>

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2021-10-25 12:26:58 更:2021-10-25 12:27:42

360图书馆购物三丰科技阅读网日历万年历 2024年5日历

-2024/5/10 10:30:12-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码