admin 管理员组文章数量: 887021
2024年1月9日发(作者：vue app开发框架)
js foreach用法
JavaScript提供了foreach方法，它能够帮助开发者对数组和对象进行遍历，可以对每一个数组元素或对象的属性进行操作，比如获取属性值、修改属性值等。
一、 JavaScript foreach循环
foreach循环是比较新的JavaScript做数组遍历的方法，可以遍历数组中元素，并且可以在每一次遍历中执行某种操作。foreach循环不需要创建一个数组的迭代器，而且只需要把一个函数放入循环中，就可以方便的对数组的每个元素进行操作。
foreach循环语法格式如下所示：
h(function(item, index, array) {
// do something
});
在上面的语句中，function(item, index, array)是foreach中的回调函数，来完成数组的每一次遍历，其中：
（1）item是当前正在遍历的数组元素；
（2）index是当前正在遍历的数组元素的索引；
（3）array是当前正在遍历的数组本身。
代码实例如下：
let numbers = [1, 2, 3, 4, 5];
h(function(item, index, array) {
(index, item);
- 1 -
});
在上面的代码中，foreach正是用来遍历numbers数组中的元素，并且输出每一次遍历后的索引和元素，运行结果如下所示：
0 1
1 2
2 3
3 4
4 5
二、 JavaScript foreach函数的使用
除了foreach循环，JavaScript中还提供了一个foreach函数，可以把数组中的元素一个个传给指定的函数，比如：
h(func);
在上面的语句中，func是一个接受三个参数的函数，即：(item,
index, array)，其中：
（1）item是当前正在遍历的数组元素；
（2）index是当前正在遍历的数组元素的索引；
（3）array是当前正在遍历的数组本身。
代码实例如下：
let numbers = [1, 2, 3, 4, 5];
h(function(item, index, array) {
array[index] = item * 5;
});
- 2 -
(numbers);
在上面的代码中，forEach函数用来循环遍历numbers数组，在遍历的时候，给每一个元素乘以5，运行结果如下：
[ 5, 10, 15, 20, 25 ]
三、 JavaScript foreach函数的用法
（1）foreach循环可以用来处理数组中的每一个元素，比如改变数组元素值、添加新元素、删除元素等；
（2）foreach函数可以把数组中的每一个元素给指定的函数，比如把数组中的每一个元素执行一次函数；
（3）foreach函数还可以用来给指定的函数传递一组参数，比如把一组参数传给一个函数，这样就可以避免在每次调用函数的时候新定义一组参数；
（4）foreach函数还可以把数组的每一个元素应用到某种逻辑中，比如把数组中的每一个元素过滤掉，只留下满足某种逻辑的元素。
四、 JavaScript foreach在不同类型对象上的使用
（1）在数组上使用：
let numbers = [1, 2, 3, 4, 5];
h(function(item, index, array) {
(index,item);
});
（2）在对象上使用：
let person = {naTom age:18, gender:male};
- 3 -
(person).forEach(function(key) {
(key + = + person[key]);
});
在上面的代码中，()方法可以把对象中的所有属性名取出，形成一个新的数组，然后就可以使用foreach函数对对象的每一个属性进行处理。
总结
JavaScript提供了foreach方法，它能够在数组和对象的每一个元素上进行操作，比如获取属性值、修改属性值等。foreach有两种方式，foreach循环可以用来处理数组中的每一个元素，foreach函数可以把数组中的每一个元素给指定的函数，同时，foreach函数还可以用来给指定的函数传递一组参数，还可以把数组的每一个元素应用到某种逻辑中，foreach函数不仅可以用在数组上，还可以用在对象上。
- 4 -
版权声明：本文标题：js foreach用法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/free/1704784575h462085.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论