JavaScript foreach：如何遍历数组

JavaScript是一种允许网页交互的语言。尽管这是一项相对较新的技术，但它现在已经在数百万个网页和服务器上被发现。JavaScript的使用使更新网页成为可能，而不需要刷新它们。JavaScript还减少了服务器的负载。如果您是编程新手，您可能认为学习Java是学习JavaScript的必要前提，但事实并非如此。虽然这两种语言确实有相似的名称和相似的语法(有意的)，但它们完全是两种不同的语言。您可以独立地运行每种语言。事实上，你甚至不需要非常熟悉JavaScript来开发web应用程序或在你的网站上使用它。只要你对这门语言有一些基本的了解，你就可以使用在互联网上广泛使用的预先编写的插件来完成这项工作。我们可以帮助你学习语言的基础——你可以通过这门课开始学习JavaScript吗或者通过我们的教程开始。

在本教程中，我们将在JavaScript中查看Foreach方法。虽然我们为初学者写了本教程，但您需要了解JavaScript的知识以了解它。

JavaScript中的forEach方法

如果您以前学过c++或Java之类的语言，那么您应该熟悉forEach方法或for each循环。每个循环通常用于为集合中出现的每个项执行特定的任务。JavaScript中的forEach方法(或循环)也没有什么不同。

forEach方法用于对数组中出现的每个元素执行一次任务。该方法的语法如下:

name_of_array.foreach（call_back_fn [，themobj];

name_of_array参数是forEach方法将遍历的数组对象的名称。您必须为forEach方法指定一个有效的数组才能工作。call_back_fn参数将引用一个被执行的预先编写的函数，我们稍后将对此进行解释。call_back_fn也是一个必需的参数。最后一个参数是thisObj参数。这是一个可选参数。如果call_back_fn在对象内部定义，则this形参用于引用对象的名称。如果省略了this关键字，将使用一个未定义的值。

call_back_fn参数（回调函数）

必须在调用之前在程序中写入Call_Back_FN（或者，换句话说，执行）。Foreach方法将为阵列中存在的每个对象执行一次call_back_fn。它将具有以下语法：

函数call_back_fn (value_of_element, index_of_element, name_of_array);

value_of_element参数用于指阵列中的元素的值。同样，index_of_element将指向数组中元素的索引。最后，name_of_array指的是包​​含元素的数组对象。

数组中的每个元素都有一个唯一的索引值。数组中的第一个元素的下标为0，第二个元素的下标为1，以此类推。forEach方法将遍历数组并根据其索引值查找元素。这是按照升序执行的—即索引为0的元素将首先遍历。

call_back_fn也可以在对象中定义。在这种情况下，必须指定thisObj参数才能让forEach方法工作。你可以使用本课程了解有关JavaScript中的回调函数的更多信息．

Foreach方法首先可能复杂化，但您可以在一个例子的帮助下更好地理解它。您确实需要熟悉编程的基础，如阵列，但是，掌握其工作原理。要了解有关阵列的更多信息，请查看我们的教程JavaScript数组功能．你也可以借此课程来查看阵列如何用于真正的JavaScript程序．

Foreach方法示例

让我们编写一个简单的程序来创建一个回调函数，然后使用foreach方法遍历它并打印出结果：

//回调函数（call_back_fn参数）函数printthis（值，index，arr）{document.write（“元素的值为”+值）;文档.Write（“元素的索引为”+索引）;document.write（“
”）;} //形成阵列（name_of_array参数）var examplay = ['x'，'y'，'z'];//使用Foreach方法ExampleArray.Foreach（Printthis）;

输出：

元素的值为x，元素的索引为0 <元素的值为y，元素的索引为1元素的值为z，元素的索引为2

该程序相当基础，易于理解。首先，我们创建了一个回调函数，稍后将使用forEach方法调用该函数。在回调函数中，我们编写了打印数组元素值和数组索引的代码。之后，我们创建了一个包含三个元素的数组:x、y和z。最后，我们使用forEach方法调用回调函数，并将其链接到包含三个元素的数组。

由于阵列“exampleArray”中有三个元素，因此回调函数被调用三次。第一次，捕获了阵列的第一个元素（其为“x”），其值和索引打印。第二次Foreach方法遍历阵列，拍摄了第二个元素，其值和索引打印。Foreach方法在耗尽元素时停止执行函数。如果我们在数组中指定了两个元素，则它将仅执行两次。

我们建议您编写自己的函数并使用Foreach方法调用它。您可以尝试将其放入对象中，然后指向“此”关键字的对象。要了解JavaScript中的其他循环结构，请查看我们的教程或注册我们的高级JavaScript课程．