欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

JS学习之Array数组forEach方法

程序员文章站 2022-06-29 19:20:29
...

它只是对数组中的每一项运行传入的函数。什么意思?看例题说话

var arr=[1,2,3,4,5];
arr.forEach(function(item){
        consolo.log(item);
        consolo.log("----");
}

结果如图JS学习之Array数组forEach方法
也就是说,forEach首先对arr数组中的第一项(也就是1,索引为0)的执行函数内的代码,然后对第二项(也就是2,索引为1)执行函数内的代码。。。。直到最后。
其中的函数共有三个参数,如:function(item,index,Array) 其中参数1,也就是item,代表的是数组中的内容,也就是1,2,3,4,5。index是每一项的索引(索引从0开始),最后的Array是数组,这三个参数的名字无所谓,例如item也可以取为good,等等。当我们把其中的3改为一个字母会怎么样呢?
也就是

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

改为

 var arr=[1,2,"hello",4,5];
 ```
 此时输出的hello是一个字符串

当我们的数组的内容是对象时是怎么个情况呢?如下

var arr=[
{
name:”terry”,
age:12
},
{
name:”marry”,
age:10
},
{
name:”larry”,
age:10
}
];
arr.forEach(function(item){
console.log(item);
console.log(“—-“);
});
“`
那么此时输出的item是什么呢?聪明的你一定猜到了,没错,就是对象
JS学习之Array数组forEach方法
那么,既然是对象,我们可不可以直接通过item.name获取name值呢?是可以的