js开发:请解释什么是ES6的Map和Set,以及它们与普通对象和数组的区别。

简介: ES6引入了Map和Set数据结构。Map的键可以是任意类型且有序,与对象的字符串或符号键不同;Set存储唯一值,无重复。两者皆可迭代,支持for...of循环。Map有get、set、has、delete等方法,Set有add、delete、has方法。示例展示了Map和Set的基本操作。

ES6的Map和Set是两种新的数据结构,它们与普通对象和数组有一些区别:

  1. Map是一种键值对集合,它的键可以是任意类型,而对象的键只能是字符串或符号。Map中的键值对是有序的,而对象的属性没有顺序。

  2. Set是一种值的集合,它的值是唯一的,不会有重复的值。数组中可以有重复的值,但Set不会保留这些重复值。

  3. Map和Set都是可迭代的,可以使用for...of循环遍历它们的元素。对象和数组也可以使用for...of循环遍历,但需要先获取对象的键或数组的索引。

  4. Map和Set的方法更加丰富,例如Map有get、set、has、delete等方法,Set有add、delete、has等方法。对象和数组也有相应的方法,但数量较少。

示例:

// Map
let map = new Map();
map.set('name', 'Tom');
map.set('age', 18);
console.log(map.get('name')); // 输出 "Tom"
console.log(map.has('age')); // 输出 true
map.delete('age');
console.log(map.size); // 输出 1

// Set
let set = new Set();
set.add('apple');
set.add('banana');
set.add('apple');
console.log(set.size); // 输出 2
console.log(set.has('banana')); // 输出 true
set.delete('banana');
console.log(set.size); // 输出 1
目录
相关文章
|
16天前
|
算法
你对Collection中Set、List、Map理解?
你对Collection中Set、List、Map理解?
52 18
你对Collection中Set、List、Map理解?
|
10天前
|
存储 缓存 安全
只会“有序无序”?面试官嫌弃的List、Set、Map回答!
小米,一位热衷于技术分享的程序员,通过与朋友小林的对话,详细解析了Java面试中常见的List、Set、Map三者之间的区别,不仅涵盖了它们的基本特性,还深入探讨了各自的实现原理及应用场景,帮助面试者更好地准备相关问题。
47 20
|
26天前
|
存储 C++ 容器
【C++】map、set基本用法
本文介绍了C++ STL中的`map`和`set`两种关联容器。`map`用于存储键值对,每个键唯一;而`set`存储唯一元素,不包含值。两者均基于红黑树实现,支持高效的查找、插入和删除操作。文中详细列举了它们的构造方法、迭代器、容量检查、元素修改等常用接口,并简要对比了`map`与`set`的主要差异。此外,还介绍了允许重复元素的`multiset`和`multimap`。
30 3
【C++】map、set基本用法
|
26天前
|
存储 算法 C++
【C++】unordered_map(set)
C++中的`unordered`容器(如`std::unordered_set`、`std::unordered_map`)基于哈希表实现,提供高效的查找、插入和删除操作。哈希表通过哈希函数将元素映射到特定的“桶”中,每个桶可存储一个或多个元素,以处理哈希冲突。主要组成部分包括哈希表、哈希函数、冲突处理机制、负载因子和再散列,以及迭代器。哈希函数用于计算元素的哈希值,冲突通过开链法解决,负载因子控制哈希表的扩展。迭代器支持遍历容器中的元素。`unordered_map`和`unordered_set`的插入、查找和删除操作在理想情况下时间复杂度为O(1),但在冲突较多时可能退化为O(n)。
21 5
|
5月前
|
存储 JavaScript 前端开发
|
JavaScript
js基础笔记学习247event对象3
js基础笔记学习247event对象3
71 0
js基础笔记学习247event对象3
|
JavaScript
js基础笔记学习309筛选jquery对象1
js基础笔记学习309筛选jquery对象1
57 0
js基础笔记学习309筛选jquery对象1
|
JavaScript
js基础笔记学习245event对象1
js基础笔记学习245event对象1
42 0
js基础笔记学习245event对象1
|
JavaScript
js基础笔记学习246event对象2
js基础笔记学习246event对象2
58 0
js基础笔记学习246event对象2
|
JavaScript
js基础笔记学习312筛选jquery对象4
js基础笔记学习312筛选jquery对象4
68 0
js基础笔记学习312筛选jquery对象4
下一篇
DataWorks