Javascript 常见的循环方式总结

在Javascript中有很多种循环方式。有多种循环方式可以用来遍历数组、对象、以及执行一些重复性任务
但是有很多方式甚至从未用过，所以简单来总结一下JS中的循环

for循环
for 循环是在您希望创建循环时经常使用的工具。

例：

for (let i = 0; i < 5; i++) {
console.log(`第${i + 1}次循环遍历`)
}while 循环
While语句包括一个循环条件和一段代码块，只要条件为真，就不断循环执行代码块。

例：

let i = 0;
while (i < 100) {
i = i + 1;
console.log(`第${i}次循环遍历`)
}

do……while循环
先运行循环代码 再执行判断条件

let a = 3;
let b = 0;

do {
console.log(“打印b的值>>>>>”,b);
b++;
} while (b < a); // 当a小于等于b的时候终止她。
结果

while：先判断后执行；
do-while：先执行再判断，即使初始条件不成立；do-while循环至少执行一次；
for-in循环
fo…in循环一般用于对象的遍历

let kj = {
“a”: 1,
“b”: 2,
“c”: 3
}

//使用for-in遍历这个对象
for (let k in kj) {
console.log(k, kj[k])
}
结果

注！ 最好不要用for in遍历数组

for-of循环
for…of 循环是 ES6 中新增的一种循环类型，它允许您遍历可迭代对象（例如数组、字符串、Map 或 Set）中的每个元素，并对其执行指定的操作。
for-of 可以更方便的循环遍历数组等

let arr = [1, 2, 4, 5, 6, 7]
for (let v of arr) {
console.log(v);
}
结果

for in遍历的是数组的索引（即键名）for in更适合遍历对象，不要使用for in遍历数组
for of遍历的是数组元素值。
使用for in会遍历数组所有的可枚举属性，包括原型。例如上栗的原型方法method和name属性

map()循环
map()是一种常用的数组方法，它可以将一个数组中的每个元素按照一定规则映射为一个新的数组

const originalArray = [1, 2, 3, 4, 5];
const newArray = originalArray.map((number) => {
console.log(number)
return number * 2;
});

console.log(newArray); // Output: [2, 4, 6, 8, 10]
结果

forEach循环
forEach()是一种常用的数组方法，可以帮助我们遍历一个数组并对其中的每个元素执行指定的操作。
例子

const originalArray = [1, 2, 3, 4, 5];
originalArray.forEach((number) => {
console.log(number * 2);
});

forEach()方法没有返回值，因此我们不能将其运行结果赋值给其他变量

filter()过滤循环
filter()是一种常用的数组方法，它可以帮助我们按照特定条件筛选出一个数组中的部分元素并返回一个新的数组

const originalArray = [1, 2, 3, 4, 5];
const filteredArray = originalArray.filter((number) => {
// 只返回能被2整除的数 也就是偶数
return number % 2 === 0;
});

console.log(filteredArray);