JavaScript 教程--循环、Map和Set、iterable

循环

在 JavaScript 中，循环用于重复执行一段代码，直到满足指定的条件。以下是 JavaScript 中常用的循环语句：

1. for 循环：

   • for 循环用于已知循环次数的情况。
   • 语法示例：

     for (初始化语句; 循环条件; 迭代语句) {
       // 循环体内的代码
     }
     

2. while 循环：

   • while 循环用于在给定条件为真时重复执行代码块。循环体内的代码执行前会检查条件是否满足。
   • 语法示例：

     while (循环条件) {
       // 循环体内的代码
     }
     

3. do-while 循环：

   • do-while 循环与 while 循环类似，不同之处在于循环体内的代码至少会执行一次，然后再检查条件是否满足，如果满足则继续执行。
   • 语法示例：

     do {
       // 循环体内的代码
     } while (循环条件);
     

4. for...in 循环：

   • for...in 循环用于遍历对象的可枚举属性。循环将重复执行一次，为每个属性执行指定的代码。
   • 语法示例：

     for (let key in object) {
       // 循环体内的代码
     }
     

5. for...of 循环：

   • for...of 循环用于遍历可迭代对象（例如数组、字符串）。循环将重复执行一次，为每个元素执行指定的代码。
   • 语法示例：

     for (let element of iterable) {
       // 循环体内的代码
     }
     

Map 和 Set

在 JavaScript 中，Map 和 Set 是用于存储数据的集合类型：

1. Map：

   • Map 是一种键值对的集合，其中每个键和值可以是任意类型。键是唯一的，且保持插入顺序。
   • 示例：

     let map = new Map();
     map.set(key, value);       // 添加键值对
     map.get(key);              // 根据键获取值
     map.has(key);              // 检查键是否存在
     map.delete(key);           // 删除键值对
     map.size;                  // 返回键值对的数量
     map.clear();               // 清空 Map
     

2. Set：

   • Set 是一组唯一值的集合，其中每个值只能出现一次。值的顺序与插入顺序相同。
   • 示例：

     let set = new Set();
     set.add(value);            // 添加值
     set.has(value);            // 检查值是否存在
     set.delete(value);         // 删除值
     set.size;                  // 返回 Set 的大小
     set.clear();               // 清空 Set
     

可迭代对象

在 JavaScript 中，可迭代对象是指具有迭代行为的对象，可以通过迭代器（Iterator）进行遍历。以下是一些可迭代对象的示例：

1. 数组（Array）：

   • 数组是一组按顺序排列的值的集合。可以使用 for 循环、forEach 方法或 for...of 循环遍历数组中的元素。

2. 字符串（String）：

   • 字符串是一组按顺序排列的字符的集合。可以使用 for 循环、forEach 方法或 for...of 循环遍历字符串中的字符。

3. Map 对象：

   • Map 对象是可迭代的，可以使用 for...of 循环遍历 Map 中的键值对。

4. Set 对象：

   • Set 对象是可迭代的，可以使用 for...of 循环遍历 Set 中的值。

5. 类数组对象（Array-like Object）：

   • 类数组对象是一个具有数值索引和 length 属性的对象，可以使用 for 循环或 for...of 循环遍历它们。

可迭代对象可以通过 for...of 循环或其他遍历方式来获取其中的元素，从而实现对集合中各个元素的操作。