首页 > 编程语言 >JavaScript学习笔记—Map

JavaScript学习笔记—Map

时间:2023-01-25 21:14:06浏览次数:43  
标签:Map set console log map JavaScript 笔记 key

  • Map用来存储键值对结构的数据(key-value)
  • Map中任何类型的值都可以成为数据的key

1. 创建:

new Map()

2. 属性和方法:

(1)map.size() 获取map中键值对的数量
(2)map.set(key, value) 向map中添加键值对
(3)map.get(key) 通过key获取值
(4)map.delete(key) 删除指定数据
(5)map.has(key) 检查map中是否包含指定键
(6)map.clear() 删除全部的键值对

const map = new Map();
map.set("name", "孙悟空");
map.set("age", 18);
console.log(map.size); // 2
console.log(map.get("age")); // 18
console.log(map.has("age")); // true
map.delete("age");
console.log(map.has("age")); // false
map.clear();
console.log(map.size); // 0

3. 将map转换为数组:

const map = new Map();
map.set("name", "孙悟空");
map.set("age", 18);
map.set({}, "呵呵");
// 将map转换为数组
const arr = Array.from(map);
console.log(arr);
const arr2 = [...map];
console.log(arr2);

// 数组转map
const map2 = new Map([["name", "猪八戒"],["age", 18],[{}, () => {}]]);
console.log(map2);

4. map遍历:

const map = new Map();
map.set("name", "孙悟空");
map.set("age", 18);
map.set({}, "呵呵");
/*
for(const entry of map){
  const [key, value] = entry;
  console.log(entry, key, value);
}
*/
// 解构
for(const [key, value] of map){
  console.log(key, value);
}

标签:Map,set,console,log,map,JavaScript,笔记,key
From: https://www.cnblogs.com/zibocoder/p/17067280.html

相关文章

  • JavaScript学习笔记—使用JSON进行深复制
    constobj={name:"孙悟空",friend:{name:"猪八戒"}};//对obj进行浅复制constobj2=Object.assign({},obj);//对obj进行深复制constobj3=s......
  • 03初识MapReduce
    初识MapReduce一、什么是MapReduceMapReduce是一种编程范式,它借助Map将一个大任务分解成多个小任务,再借助Reduce归并Map的结果。MapReduce虽然原理很简单,但是使用MapRedu......
  • JavaScript 类型转换
    JavaScript中有两种类型转换:隐式类型转换和显式类型转换。隐式类型转换指JavaScript在运行时自动将一种类型转换为另一种类型。例如,在数学运算中,JavaScript会将字符串......
  • JavaScript学习笔记—对象的序列化
    JS中的对象使用时都是存在于计算机的内存中序列化指将对象转换为一个可以存储的格式,在JS中对象的序列化通常是将一个对象转换为字符串(JSON字符串)序列化的用途,对象转换为......
  • 9--Websoket学习 | 青训营笔记
    这是我参与「第五届青训营」伴学笔记创作活动的第9天简介WebSocket是基于TCP/IP协议,独立于HTTP协议的通信协议。双向通讯,有状态,客户端一(多)个与服务端一(多)双向实时响......
  • 说一说JavaScript有几种方法判断变量的类型?
    typeof、instanceof、Object.prototype.toString.call()(对象原型链判断方法)、constructor(用于引用数据类型)标准回答JavaScript有4种方法判断变量的类型......
  • JavaScript学习笔记—对象的解构
    constobj={name:"孙悟空",age:18,gender:"男"};let{name,age,gender}=obj;//声明变量同时解构变量console.log(name,age,gender);//孙悟空18男let......
  • JavaScript学习笔记—数组的解构赋值
    constarr=["孙悟空","猪八戒","沙和尚"];let[a,b,c]=arr;//解构赋值console.log(a,b,c);//孙悟空猪八戒沙和尚let[d,e,f,g]=["唐僧","白骨精",......
  • 基环树学习笔记
    基环树以下内容参考:https://www.cnblogs.com/fusiwei/p/13815549.html概念基环树也叫环套树,标准定义是一个有\(n\)个节点\(n\)条边的联通图,如果不是联通的,则称其是......
  • JavaScript 对象合并
    JavaScript中有多种方法可以合并对象。1、使用Object.assign()方法:它可以将一个或多个对象的属性复制到目标对象中。例如:constobj1={a:1,b:2};constobj2=......