Hay varios bucles en JavaScript que se pueden usar para iterar sobre arreglos, objetos y sus propiedades, y algunas otras iteraciones.
El camino del bucle for
- en bucle
- para ... en bucle
- para ... de bucle
- forEach()
Además del bucle for, JavaScript también tiene otros métodos de bucle, como los métodos while, do...while, map(), etc.
1. bucle for
El bucle for es el tipo de bucle más común en JavaScript. Por lo general, se usa para iterar matrices. Los ejemplos son los siguientes:
const arr = [1,2,3,4];
for(let i =0 ;i<arr.length;i++){
console.log(arr[i]);
}
2. para ... en bucle
El bucle for...in se usa para iterar sobre las propiedades enumerables de un objeto y proporcionar los nombres de las propiedades y sus valores correspondientes, como en el siguiente ejemplo:
const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
console.log(key, obj[key]); // 输出属性名和属性值
}
El bucle for ... in también se puede usar en una matriz, y el bucle es el subíndice de la matriz, por ejemplo:
for(var i in arr){ //如果是数组， 则循环的是元素的下标
console.log(arr[i]);
}
Nota: No se recomienda el bucle for…in para la iteración sobre matrices, ya que no garantiza el orden de las propiedades.
3. para ... de bucle
for…of recorre el contenido de una matriz o propiedad de objeto, no sus índices o propiedades.
Iterar sobre los valores de la matriz:
for (let value of arr) {
console.log(value); // 输出数据元素
}
Iterar sobre los valores de las propiedades del objeto
for (let value of arr) {
console.log(value); // 输出对象属性值
}
4. paraCada()
El método forEach() se utiliza para iterar sobre cada elemento de la matriz, proporcionando una función de devolución de llamada como parámetro, que acepta tres parámetros: el valor del elemento, el índice del elemento y la propia matriz. El método forEach() es útil cuando necesita iterar sobre una matriz.
arr.forEach((value, index, array) => {
console.log(value, index, array); // 输出元素、元素索引和数组本身
});
Resumir
| Forma | adecuado para la escena |
|---|---|
| para | formación |
| para… en | objeto |
| para… de | objeto o matriz |
| para cada | formación |