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小时内删除。
发表评论