JavaScript 学习笔记6_Map+Set_20181205

最新推荐文章于 2024-08-22 10:43:59 发布

原创最新推荐文章于 2024-08-22 10:43:59 发布 · 257 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文深入讲解JavaScript中的Map和Set数据结构。Map允许使用任意类型的键，解决了对象只能使用字符串键的问题；Set则确保集合内键的唯一性。文章通过实例演示了如何创建、操作Map和Set，包括初始化、插入、查询、删除等关键操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**********************************************************************
** author		: Bugliu
** date			: 2018-12-05
** description		: Map+Set
** 学习网站		: www.liaoxuefeng.com
**********************************************************************/


/*
JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数
据类型作为键也是非常合理的。解决这个问题，引入了Map。
*/
// 初始化Map需要一个二维数组，或者直接初始化一个空Map
var m = new Map([ ['mik', 95],['bob', 76],['tye', 80] ]);
console.log( m.get('bob') );	//76

var mp = new Map();	// 初始化空map
mp.set('a', 60);	// 插入新key-value
mp.set('b', 70);
console.log( mp );	//"a" => 60, "b" => 70
console.log( mp.has('a') );	//true  判断键值对是否存折
mp.delete('a');		// 删除键值对
console.log( mp );	//"b" => 70

// key，value一一对应，所以，多次对一个key放入value，后面的值会把前面的值冲掉
mp.set('c', 80);
mp.set('c', 90);
console.log( mp.get('c') );		//90

/*
Set和Map类似，也是一组key的集合，但不存储value。由于key不能重复，所以，在Set中，
没有重复的key。要创建一个Set，需要提供一个Array作为输入，或者直接创建一个空Set
*/
var s1 = new Set();
var s2 = new Set([1, 2, 3]);

// 重复元素自动被过滤
var s3 = new Set([1, 2, 2, 3, 3, 4]);
console.log( s3 );	//1, 2, 3, 4

// 添加元素
s3.add(100);
console.log( s3 );	//1, 2, 3, 4, 100

// 删除元素
s3.delete(3);
console.log( s3 );	//1, 2, 4, 100