Home / Questions / 17640
Accepted
Jordi Castilla
Asked: 2020-07-25 23:58:15 +0800 CST 2020-07-25 23:58:15 +0800 CST

对于 JavaScript 中的每个？

  • 772

在 Java 中，您可以通过以下方式使用 for each 循环：

for (elemento e : array)

同样在 jQuery 中：

$.each(arr, function() {

在 JavaScript 中，我知道我可以做到：

for (var i = 0; i > 10; i ++)

但是有没有办法在纯 JavaScript 中为 each 做一个？

javascript

4 Answers

  1. Best Answer

    问题：有没有办法在纯 JavaScript 中执行 for-each 循环？

    回答：有几种方法可以做到这一点，包括数组和对象。

    在 JavaScript 中迭代数组和对象的方法

    数组#forEach 方法

    Array.prototype.forEach( callback(value, index, array) ) Array.forEach 方法 [仅限数组]

    var miArray = [ 2, 4, 6, 8, 10 ];
miArray.forEach( function(valor, indice, array) {
    console.log("En el índice " + indice + " hay este valor: " + valor);
});

    Object#keys 方法与 Array#forEach 方法相结合

    Object.keys(object) 获取关联数组中对象的属性。 eledgaar的贡献

    var obj = {
  first: "John",
  last: "Doe"
}

// ES6
Object.keys(obj).forEach(key => console.log(key, obj[key]))

// ES5
Object.keys(obj).forEach(function(key) {
  console.log(key, obj[key])
})

    for-i 循环

    for ([initial-expression]; [condition]; [final-expression]) 语句 for-i 循环 [仅限数组]

    var miArray = [ 2, 4, 6, 8, 10 ];
for (var i = 0; i < miArray.length; i+=1) {
  console.log("En el índice '" + i + "' hay este valor: " + miArray[i]);
}

    for-in 循环

    for (variable in object) 语句 Arrays [不推荐] 和 Objects [推荐]

    var miArray = [ 2, 4, 6, 8, 10 ];
for (var indice in miArray) {
  console.log("En el índice '" + indice + "' hay este valor: " + miArray[indice]);
}
    
var miObjeto = { "marca":"audi", "edad":2 };
for (var propiedad in miObjeto) {
  if (miObjeto.hasOwnProperty(propiedad)) {
    console.log("En la propiedad '" + propiedad + "' hay este valor: " + miObjeto[propiedad]);
  }
}

    for-of 循​​环

    for (variable of object) 语句 对于任何类型的 Iterable (Arrays)

    var miArray = [ 2, 4, 6, "hola", "mundo" ];
for (var valor of miArray) {
  console.log("Valor: " + valor);
}

    结论：

    如果你需要遍历一个 Array 使用forEach方法，如果你需要遍历一个对象使用for-in方法。

    • 63

  2. Array.prototype.forEach ( callbackfn [ , thisArg ] )

     
var arr = ["uno", "dos", "tres"];

arr.forEach(function(elemento) {
    console.log(elemento);
});

    forEach接受一个函数作为回调。通过传递这个充当迭代器的函数，它会为Array.

    *注意：从 ECMAScript 5 开始工作。

    打回来

    作为回调传递的函数接受 3 个参数：元素的值、索引和对正在迭代的数组的引用。最后两个是可选的（第一个示例刚刚传递了元素）。如果我们还想使用索引：

    var arr = [];
arr[0]  = "cero";
arr[10] = "diez";
arr[20] = "veinte";

arr.forEach(function(elemento, indice) {
    console.log("pos=", indice, "valor=", elemento);
});

    此外，应该注意的是，.forEach它根本不会变异为array. 如果 的值被改变elemento，array则不会被修改（尽管它可以被引用来改变值）。

    其他类似功能

    • .every()函数一返回就退出循环false。
    • .some()函数一返回就退出循环true。
    • 11

  3. 作为注释并更正@dddenis 关于迭代对象的评论，评论对象也可以使用此方法进行迭代。

    Object 构造函数具有Object.keys()方法，该方法返回给定对象的属性数组。

    Object.keys(obj)

    通过这种方式，我们可以迭代所述 Array 并访问所述属性的值，如下所示：

    const obj = {
  first: "John", 
  last: "Doe"
}

console.log(Object.keys(obj))  // ["first", "last"]

// ES6
Object.keys(obj).forEach(key => console.log(key, obj[key]))

// ES5
Object.keys(obj).forEach(function (key) {
  console.log(key, obj[key])
})
    • 3

  4. foreach 使用 await 和 async，检查下一段代码：

    const waitFor = (ms) => new Promise(r => setTimeout(r, ms));
[1, 2, 3].forEach(async (num) => {
  await waitFor(50);
  console.log(num);
});
console.log('Done');
    • 0