是的，您可以使用循环在JavaScript中执行同样的操作，但不限于此。在JavaScript中有很多方法可以对数组进行循环。假设下面有一个数组，您想对其进行循环：

var arr = [1, 2, 3, 4, 5];

以下是解决方案：

1） For循环

for循环是JavaScript中循环数组的常见方式，但它不被认为是大型数组的最快解决方案：

for (var i=0, l=arr.length; i<l; i++) {
  console.log(arr[i]);
}

2） While循环

while循环被认为是循环长数组的最快方式，但在JavaScript代码中通常很少使用：

let i=0;

while (arr.length>i) {
    console.log(arr[i]);
    i++;
}

3） 做的同时do-while与while执行相同的操作，但语法差异如下：

let i=0;
do {
  console.log(arr[i]);
  i++;
}
while (arr.length>i);

这些是实现JavaScript循环的主要方法，但还有其他几种方法可以实现。

此外，我们还使用for in循环对JavaScript中的对象进行循环。

还可以查看JavaScript中Array上的map（）、filter（）、reduce（）等函数。他们做事情可能比使用while和for更快、更好。

如果您想进一步了解JavaScript中的异步函数和数组，这是一篇很好的文章。

函数式编程在当今世界的发展。有充分的理由：功能性技术可以帮助您编写更容易编写的声明性代码一目了然地理解、重构和测试。函数式编程的基石之一是它的特殊用途列表和列表操作。这些东西正是听起来就像是：一系列的东西，以及你对它们做的事情。但功能思维方式对待他们的方式与你有点不同可能会想到。本文将详细介绍我喜欢称之为“大三个“列表操作：map、filter和reduce围绕这三个功能是实现编写干净的功能代码功能和反应式编程的强大技术。这也意味着你再也不用编写for循环了。

阅读更多>>此处：

var obj = ["one","two","three"];

for(x in obj){
    console.log(obj[x]);
}

最好使用顺序for循环：

for (var i = 0; i < myStringArray.length; i++) {
    // Do something
}

是的，假设您的实现包括for。。。在ECMAScript 2015（“Harmony”版本）中引入的功能。。。现在这是一个相当安全的假设。

它的工作原理如下：

// REQUIRES ECMASCRIPT 2015+
var s, myStringArray = ["Hello", "World"];
for (s of myStringArray) {
  // ... do something with s ...
}

或者更好，因为ECMAScript 2015还提供了块范围的变量：

// REQUIRES ECMASCRIPT 2015+
const myStringArray = ["Hello", "World"];
for (const s of myStringArray) {
  // ... do something with s ...
}
// s is no longer defined here

（变量s在每次迭代中都是不同的，但只要不在循环体中修改，它仍然可以在循环体内部声明为常量。）

关于稀疏数组的一个注意事项：JavaScript中的数组实际存储的项目可能不像其长度所报告的那么多；该数字仅比存储值的最高索引大一个。如果数组包含的元素少于其长度所指示的元素，则称为稀疏。例如，只有索引3、12和247处的项的数组是完全合法的；这种数组的长度是248，尽管它实际上只存储3个值。如果您试图访问任何其他索引处的项，则该数组将显示为具有未定义的值，但该数组与实际存储有未定义值的数组不同。您可以从许多方面看到这种差异，例如，在Node REPL显示阵列的方式中：

> a              // array with only one item, at index 12
[ <12 empty items>, 1 ]
> a[0]           // appears to have undefined at index 0
undefined
> a[0]=undefined // but if we put an actual undefined there
undefined
> a              // it now looks like this
[ undefined, <11 empty items>, 1 ]

因此，当您想要“循环遍历”数组时，您需要回答一个问题：是要在其长度所指示的整个范围内循环，并为任何缺失的元素处理未定义的元素，还是只处理实际存在的元素？这两种方法都有大量的应用；这取决于您使用数组的目的。

如果使用for..遍历数组。。中，循环的主体执行长度次，并且对于数组中实际不存在的任何项，循环控制变量设置为undefined。根据“使用”代码的细节，这种行为可能是您想要的，但如果不是，您应该使用不同的方法。

当然，有些开发人员别无选择，只能使用不同的方法，因为无论出于什么原因，他们的目标是一个尚不支持的JavaScript版本。。。属于

只要您的JavaScript实现符合先前版本的ECMAScript规范（例如，它排除了9之前版本的Internet Explorer），那么您就可以使用Array#forEach迭代器方法而不是循环。在这种情况下，您将传递一个函数，对数组中的每个项进行调用：

var myStringArray = [ "Hello", "World" ];
myStringArray.forEach( function(s) { 
     // ... do something with s ...
} );

如果您的实现支持ES6+，当然可以使用箭头函数：

myStringArray.forEach( s => { 
     // ... do something with s ...
} );

不同于。。。of，.forEach只为数组中实际存在的元素调用函数。如果传递了具有三个元素且长度为248的假设数组，它将只调用函数三次，而不是248次。如果这是您想要处理稀疏数组的方式，那么即使您的解释器支持。。。属于

最后一个选项是显式计数循环，适用于所有版本的JavaScript。您只需从0到小于长度的1进行计数，并将计数器用作索引。基本循环如下所示：

var i, s, myStringArray = [ "Hello", "World" ], len = myStringArray.length;
for (i=0; i<len; ++i) {
  s = myStringArray[i];
  // ... do something with s ...
}

这种方法的一个优点是可以选择如何处理稀疏数组。上面的代码将运行循环体的整个长度，对于任何缺失的元素，s都设置为undefined，就像for。。属于如果您希望只处理稀疏数组中实际存在的元素，例如.forEach，则可以在索引上添加一个简单的in测试：

var i, s, myStringArray = [ "Hello", "World" ], len = myStringArray.length;
for (i=0; i<len; ++i) {
  if (i in myStringArray) {
    s = myStringArray[i];
    // ... do something with s ...
  }
}

根据实现的优化，将长度值分配给局部变量（而不是在循环条件中包含完整的myStringArray.length表达式）可以显著提高性能，因为它每次都会跳过属性查找。您可以在循环初始化子句中看到长度缓存，如下所示：

var i, len, myStringArray = [ "Hello", "World" ];
for (len = myStringArray.length, i=0; i<len; ++i) {

显式计数循环还意味着您可以访问每个值的索引（如果需要的话）。该索引还作为一个额外的参数传递给传递给forEach的函数，因此您也可以这样访问它：

myStringArray.forEach( (s,i) => {
   // ... do something with s and i ...
});

对于of不会为您提供与每个对象关联的索引，但只要您正在迭代的对象实际上是Array的实例（而不是..of的其他可迭代类型之一），您就可以使用Array#entries方法将其更改为[index，item]对的数组，然后对其进行迭代：

for (const [i, s] of myStringArray.entries()) {
  // ... do something with s and i ...
}

用于。。。在其他人提到的语法中，用于循环对象的财产；因为JavaScript中的Array只是一个具有数字属性名称（以及自动更新的长度属性）的对象，理论上可以用它循环Array。但问题是它并不局限于数字属性值（记住，即使是方法实际上也只是值为闭包的财产），也不能保证按数字顺序迭代。因此，对于。。。in语法不应用于循环数组。

在JavaScript中，有很多方法可以循环数组。

下面的代码是流行的代码

/**声明输入*/const items=['你好'，'世界']/**解决方案1。简单适用于*/console.log（解决方案1。简单用于'）for（设i=0；i<items.length；i++）{console.log（项[i]）}console.log（）console.log（）/**解决方案2。简单的while*/console.log（解决方案2。简单while'）设i=0而（i＜items.length）{console.log（项[i++]）}console.log（）console.log（）/**解决方案3。对于每个*/console.log（解决方案3。“每个”）items.forEach（item=>{console.log（项）})console.log（）console.log（）/**解决方案4。的*/console.log（解决方案4。对于'）for（常量项，共项）{console.log（项）}console.log（）console.log（）

在JavaScript中以函数编程方式循环数组的一些用例：

1.只需循环遍历数组

const myArray = [{x:100}, {x:200}, {x:300}];

myArray.forEach((element, index, array) => {
    console.log(element.x); // 100, 200, 300
    console.log(index); // 0, 1, 2
    console.log(array); // same myArray object 3 times
});

注意：严格来说，Array.prototype.forEach（）不是一种函数方式，因为它作为输入参数的函数不应该返回值，因此不能将其视为纯函数。

2.检查数组中的任何元素是否通过测试

const people = [
    {name: 'John', age: 23}, 
    {name: 'Andrew', age: 3}, 
    {name: 'Peter', age: 8}, 
    {name: 'Hanna', age: 14}, 
    {name: 'Adam', age: 37}];

const anyAdult = people.some(person => person.age >= 18);
console.log(anyAdult); // true

3.转换为新阵列

const myArray = [{x:100}, {x:200}, {x:300}];

const newArray= myArray.map(element => element.x);
console.log(newArray); // [100, 200, 300]

注意：map（）方法使用对调用数组中的每个元素调用所提供函数的结果创建一个新数组。

4.总结某一特定属性，并计算其平均值

const myArray = [{x:100}, {x:200}, {x:300}];

const sum = myArray.map(element => element.x).reduce((a, b) => a + b, 0);
console.log(sum); // 600 = 0 + 100 + 200 + 300

const average = sum / myArray.length;
console.log(average); // 200

5.基于原始数组创建新数组，但不进行修改

const myArray = [{x:100}, {x:200}, {x:300}];

const newArray= myArray.map(element => {
    return {
        ...element,
        x: element.x * 2
    };
});

console.log(myArray); // [100, 200, 300]
console.log(newArray); // [200, 400, 600]

6.统计每个类别的数量

const people = [
    {name: 'John', group: 'A'}, 
    {name: 'Andrew', group: 'C'}, 
    {name: 'Peter', group: 'A'}, 
    {name: 'James', group: 'B'}, 
    {name: 'Hanna', group: 'A'}, 
    {name: 'Adam', group: 'B'}];

const groupInfo = people.reduce((groups, person) => {
    const {A = 0, B = 0, C = 0} = groups;
    if (person.group === 'A') {
        return {...groups, A: A + 1};
    } else if (person.group === 'B') {
        return {...groups, B: B + 1};
    } else {
        return {...groups, C: C + 1};
    }
}, {});

console.log(groupInfo); // {A: 3, C: 1, B: 2}

7.基于特定条件检索数组的子集

const myArray = [{x:100}, {x:200}, {x:300}];

const newArray = myArray.filter(element => element.x > 250);
console.log(newArray); // [{x:300}] 

注意：filter（）方法创建一个新数组，其中包含通过所提供函数实现的测试的所有元素。

8.对数组进行排序

const people = [
  { name: "John", age: 21 },
  { name: "Peter", age: 31 },
  { name: "Andrew", age: 29 },
  { name: "Thomas", age: 25 }
];

let sortByAge = people.sort(function (p1, p2) {
  return p1.age - p2.age;
});

console.log(sortByAge);

9.在数组中查找元素

const people = [ {name: "john", age:23},
                {name: "john", age:43},
                {name: "jim", age:101},
                {name: "bob", age:67} ];

const john = people.find(person => person.name === 'john');
console.log(john);

方法返回数组中满足所提供测试函数的第一个元素的值。

工具书类

Array.prototype.some（）Array.prototype.forEach（）Array.prototype.map（）Array.prototype.filter（）Array.prototype.sort（）Spread语法Array.prototype.find（）