js foreach用法
JavaScript提供了foreach方法，它能够帮助开发者对数组和对象进行遍历，可以对每一个数组元素或对象的属性进行操作，比如获取属性值、修改属性值等。
一、 JavaScript foreach循环
foreach循环是比较新的JavaScript做数组遍历的方法，可以遍历数组中元素，并且可以在每一次遍历中执行某种操作。foreach循环不需要创建一个数组的迭代器，而且只需要把一个函数放入循环中，就可以方便的对数组的每个元素进行操作。
foreach循环语法格式如下所示：
array.foreach(function(item, index, array) {
// do something
});
在上面的语句中，function(item, index, array)是foreach中的回调函数，来完成数组的每一次遍历，其中：
（1）item是当前正在遍历的数组元素；
（2）index是当前正在遍历的数组元素的索引；
（3）array是当前正在遍历的数组本身。
代码实例如下：
let numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(item, index, array) {
console.log(index, item);
});
在上面的代码中，foreach正是用来遍历numbers数组中的元素，并且输出每一次遍历后的
索引和元素，运行结果如下所示：
0 1
1 2
2 3
3 4
4 5
二、 JavaScript foreach函数的使用
除了foreach循环，JavaScript中还提供了一个foreach函数，可以把数组中的元素一个个传给指定的函数，比如：
arr.forEach(func);
在上面的语句中，func是一个接受三个参数的函数，即：(item, index, array)，其中：
（1）item是当前正在遍历的数组元素；
（2）index是当前正在遍历的数组元素的索引；
（3）array是当前正在遍历的数组本身。
代码实例如下：
let numbers = [1, 2, 3, 4, 5];
javascript数组对象 numbers.forEach(function(item, index, array) {
array[index] = item * 5;
});
console.log(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];
numbers.forEach(function(item, index, array) {
console.log(index,item);
});
（2）在对象上使用：
let person = {naTom age:18, gender:male};
Object.keys(person).forEach(function(key) {
console.log(key + = + person[key]);
});
在上面的代码中，Object.keys()方法可以把对象中的所有属性名取出，形成一个新的数组，然后就可以使用foreach函数对对象的每一个属性进行处理。
总结
JavaScript提供了foreach方法，它能够在数组和对象的每一个元素上进行操作，比如获取属性值、修改属性值等。foreach有两种方式，foreach循环可以用来处理数组中的每一个元素，foreach函数可以把数组中的每一个元素给指定的函数，同时，foreach函数还可以用来给指定的函数传递一组参数，还可以把数组的每一个元素应用到某种逻辑中，foreach函数不仅可以用在数组上，还可以用在对象上。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论