日 - Mozilla 的 avaScript 基础专业认证

概念亮点：

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) // 输出：Set { 1, 2, 3, 4 }

console.log(myArray) // 输出：[1, 2, 3, 3, 4]

`

在此示例中，Set() 自动删除重复项

3，而 Array 保留它。当您需要唯一项目的集合时，Set() 非常有用。

2-2. Map() 与 Object

• 关键类型：
  Map()：键可以是任何类型，包括对象、函数和原始类型。
  • 对象：键通常是字符串或符号。
• 订单：
  • Map() 维护插入顺序。
  • 对象不保证键的顺序。
• 尺寸：
  • Map() 有一个 size 属性，它给出键值对的数量。
  • 对象需要通过迭代键来手动确定大小。

例如）

`

让 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() contre Map()

• Objectif :
  • Set() est une collection de valeurs uniques.
  • Map() est une collection de paires clé-valeur.
• Cas d'utilisation :
  • Utilisez Set() lorsque vous devez stocker une liste d'éléments uniques.
  • Utilisez Map() lorsque vous devez associer des valeurs à des clés.

par exemple)

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

console.log(mySet.has(2)); // Sortie : vrai
console.log(myMap.get('key1')); // Sortie : 'valeur'1
`
Dans cet exemple, Set() est utilisé pour vérifier l'existence d'une valeur, tandis que Map() est utilisé pour récupérer une valeur associée à une clé.

以上是日 - Mozilla 的 avaScript 基础专业认证的详细内容。更多信息请关注PHP中文网其他相关文章！