一 for 循环
for 循环是最常见和最基本的循环结构之一。语法:
for (初始化表达式; 条件表达式; 更新表达式) {
// 循环体
}
其中,初始化表达式会在循环开始前执行一次,用于定义循环变量。条件表达式会在每次循环开始前检查,只有当其值为 true 时才会执行循环体。更新表达式会在每次循环结束后执行,用于改变循环变量的值。下面是一个简单的示例:
for (let i = 0; i < 10; i++) {
console.log(i);
}
上面的代码会输出从 0 到 9 的数字。
二 while 循环
while 循环也是常见的循环结构之一,语法:
三 while (条件表达式) { // 循环体 }
条件表达式会在每次循环开始前检查,只有当其值为 true 时才会执行循环体。循环体执行完毕后会再次检查条件表达式的值,如果仍然为 true,则继续执行循环体。下面是一个简单的示例:
let i = 0; while (i < 10) { console.log(i); i++; }
上面的代码也会输出从 0 到 9 的数字。
四 for...in 循环
for...in 循环用于遍历对象的属性(如果遍历数组,得到的是数组的索引)。语法:
for (let 变量 in 对象) { // 循环体 }
其中,变量代表对象的属性名,循环体中可以使用这个变量来访问对应的属性值。示例:
const obj = {a: 1, b: 2, c: 3}; for (let key in obj) { console.log(key + ': ' + obj[key]); }
该代码会输出对象 obj 中所有属性的名字和对应的值。
五 for...of 循环
for...of 循环用于遍历数组等可迭代对象中的所有元素。语法:
for (let 变量 of 可迭代对象) { // 循环体 }
其中,变量代表可迭代对象中的每个元素,循环体中可以使用这个变量来访问对应的值。下面是一个简单的示例:
const arr = [1, 2, 3]; for (let num of arr) { console.log(num); }
该代码会输出数组 arr 中所有的元素。
六 Array.forEach方法
Array.forEach()方法可以用于遍历数组的每个元素。语法:
array.forEach(function(currentValue, index, array) { // code to be executed });
其中,currentValue为当前元素的值,index为当前元素的索引,array为原始数组。
七 filter方法
filter()方法可以用于遍历数组并返回一个包含符合条件元素的新数组。语法:
const newArray = array.filter(function(currentValue, index, arr) { // return true or false });
其中,currentValue为当前元素的值,index为当前元素的索引,arr为原始数组。这个方法会返回一个新数组,新数组包含了原始数组中符合条件的元素。