概念亮点：

1. 使用 for...of 和 for...in 循环
2. Set()和Array、Map()和Objects和Set() 和 Map()

1. 使用 for...of 和 for...in 循环

循环是编程中的基本概念，允许多次执行代码块。在 JavaScript 中，for...of 和 for...in 是两个常用的循环，但它们有不同的用途。了解这些差异可以帮助您编写更高效、更有效的代码。

1.1 for...of 循环

for...of 循环用于迭代可迭代对象，例如数组、字符串、映射和集合。它提供了一种访问序列中每个值的直接方法，而无需担心索引。

例如。）

let teams = ['Red Sox', 'Dodgers', 'Padres']; 

for (let team of teams) {
   console.log(team);
}

// Output: 
// Read Sox
// Dodgers
// Padres

在这个例子中，for...of直接访问teams数组中的每个元素（team）并将其记录到控制台。当您只需要值而不需要索引时，此循环是理想的选择。

1-2. for...in 循环

另一方面，for...in 循环用于迭代对象的属性（键）。它通常与对象一起使用，但也可以与数组一起使用来访问索引。

例如。）

let Mariners = {place: 'Seattle', league: 'American', color: 'navy blue'}; 

for (let key in Mariners) {
   console.log(`${key}: ${Mariners[key]}`); 
}

// Output: 
// place: Seattle
// league: American
// color: navy blue

在此示例中，for...in 迭代 Mariners 对象的键，允许访问键和相应的值。需要注意的是，对于数组，应谨慎使用 for...in，因为它会迭代所有可枚举属性，而不仅仅是数字索引。

1-3.主要差异

• 目的：
  • for...of：迭代可迭代对象（数组、字符串、集合、映射）的值。
  • for...in：迭代对象的可枚举属性（键）。
• 用例：
  • 当您需要直接访问值时使用 for...of。
  • 当您需要访问键或属性名称时，请使用 for...in。

2. Set() 与数组、Map() 与对象、Set() 与 `Map() 的区别

JavaScript 提供了多种数据结构，每种数据结构都有其优点和缺点。我探讨了一些最常用的之间的差异：

2-1. Set() 与数组

• 独特性：
  • Set() 存储唯一值，这意味着不允许重复。
  • 数组允许重复值。
• 命令：
  • Set() 迭代插入顺序。
  • 数组还保持插入顺序，但重复项可能会改变您与其交互的方式。

例如)

`

let mySet = new Set([1, 2, 3, 3, 4]);
让 myArray = [1, 2, 3, 3, 4];

console.log(mySet) // 输出：设置 { 1, 2, 3, 4 }
console.log(myArray) // 输出：[1, 2, 3, 3, 4]

`

在此示例中，Set() 自动删除重复项 3，而 Array 保留它。当您需要唯一项目的集合时，Set() 非常有用。

2-2. Map() 与 Object

• 按键类型：

  • Map()：键可以是任何类型，包括对象、函数和原始类型。
  • Object：键通常是字符串或符号。

• 命令：

  • Map() 保持插入的顺序。
  • Object不保证键的顺序。

• 尺寸：

  • Map() 有一个 size 属性，它给出键值对的数量。
  • Object需要通过迭代键来手动确定大小。

例如。）

`
让 myMap = new Map();
myMap.set('姓名', '约翰');
myMap.set(42, '答案');
myMap.set({}, '空对象');

让 myObject = {
名称：“约翰”，
42：“答案”，
{}: '空对象'
};

console.log(myMap.size); // 输出：3
console.log(Object.keys(myObject).length); // 输出：2（由于密钥字符串转换）
`
在此示例中，Map() 允许使用各种键类型，而对象键将转换为字符串。此外，Map() 可以轻松提供地图的大小，而对于对象，您需要手动计算键的数量。

2-3. Set() 与 Map()

• 目的：
  • Set() 是唯一值的集合。
  • Map() 是键值对的集合。
• 用例：
  • 当您需要存储唯一项目的列表时，请使用 Set()。
  • 当您需要将值与键关联时，请使用Map()。

例如。）

`
让 mySet = new Set([1, 2 ,3]);
让 myMap = new Map([['key1', 'value1'], ['key2', 'value2']]);

console.log(mySet.has(2)); // 输出：true
console.log(myMap.get('key1')); // 输出：'值'1
`
在此示例中，Set() 用于检查值是否存在，而 Map() 用于检索与键关联的值。