ES6 面试题 | 03.精选 ES6 面试题

🤍 前端开发工程师（主业）、技术博主（副业）、已过CET6
🍨 阿珊和她的猫_CSDN个人主页
🕠 牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》
🍚 蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

如何创建一个包含指定初始值的数组？

在 JavaScript 中，可以使用数组字面量来创建一个包含指定初始值的数组。数组字面量是由方括号 [] 包围的一组值的列表。

以下是使用数组字面量创建包含指定初始值的数组的示例：

const myArray = [10, 20, 30, 40, 50];

在上述示例中，创建了一个名为 myArray 的数组，并包含了初始值 10、20、30、40 和 50。

你可以根据需要在数组字面量中提供任意数量的初始值，它们将按照顺序成为数组的元素。

ES6中的Map和Set是什么？它们的区别是什么？

ES6 中的 Map 和 Set 是两种新的数据结构，它们提供了对键值对和集合的操作。

• Map 是一种键值对的集合，其中每个键都是唯一的。Map 中的键可以是任何类型的值（包括函数、对象等），而值可以是任何类型的值。Map 提供了用于添加、删除、更新、查找和遍历键值对的方法。
• Set 是一种无序的集合，其中包含唯一的元素。Set 只允许存储唯一的值，并且不允许重复。Set 提供了用于添加、删除、查找和遍历元素的方法。

以下是 Map 和 Set 的一些区别：

• Map 存储的是键值对，而 Set 存储的是唯一的元素。
• Map 的键可以是任何类型的值，而 Set 只允许存储唯一的值。
• Map 可以通过键来访问对应的值，而 Set 没有提供直接访问元素值的方法。
• Map 中的键是有序的，而 Set 中的元素是无序的。

总的来说，Map 适用于需要关联键值对的场景，而 Set 适用于需要存储唯一元素的场景。

如何在JavaScript中使用Map和Set？

Map和Set是 JavaScript 中的两种新的数据结构，它们提供了对键值对和集合的操作。

以下是在 JavaScript 中使用 Map 和 Set 的一些示例：

1. 创建 Map 对象：

const myMap = new Map();
myMap.set('name', 'Alice');
myMap.set('age', 25);

在上述示例中，创建了一个名为 myMap 的 Map 对象，并使用 set 方法向其中添加了两个键值对。

2. 获取 Map 中的值：

const value = myMap.get('name');
console.log(value); 

在上述示例中，使用 get 方法获取 name 对应的值。

3. 检查 Map 中是否包含键：

const hasKey = myMap.has('age');
console.log(hasKey); 

在上述示例中，使用 has 方法检查 myMap 是否包含 age 键。

4. 删除 Map 中的键值对：

myMap.delete('age');

在上述示例中，使用 delete 方法删除 myMap 中的 age 键值对。

5. 创建 Set 对象：

const mySet = new Set();
mySet.add(10);
mySet.add(20);
mySet.add(30);

在上述示例中，创建了一个名为 mySet 的 Set 对象，并使用 add 方法向其中添加了三个元素。

6. 检查 Set 中是否包含元素：

const hasElement = mySet.has(20);
console.log(hasElement); 

在上述示例中，使用 has 方法检查 mySet 是否包含 20 元素。

7. 删除 Set 中的元素：

mySet.delete(30);

在上述示例中，使用 delete 方法删除 mySet 中的 30 元素。

这些是 Map 和 Set 的一些基本用法，它们提供了方便的方式来操作键值对和集合。

除了Map和Set，ES6中还有哪些新的数据结构？

ES6 中除了 Map 和 Set ，还引入了其他一些新的数据结构，包括：

1. WeakMap：WeakMap 是一种弱引用的映射，它与 Map 类似，但键是弱引用的。这意味着如果键不再被其他对象引用，那么 WeakMap 也将不再引用该键。
2. WeakSet：WeakSet 是一种弱引用的集合，它与 Set 类似，但元素是弱引用的。这意味着如果元素不再被其他对象引用，那么 WeakSet 也将不再引用该元素。
3. Proxy：Proxy 是一种用于创建代理对象的构造函数。代理对象可以拦截对目标对象的操作，并提供自定义的行为。
4. Symbol：Symbol 是一种新的基本类型，用于表示唯一的标识符。Symbol 可以作为对象的属性键，并且保证每个 Symbol 都是唯一的。

这些新的数据结构和特性提供了更多的灵活性和功能，有助于更有效地管理和操作数据。