JavaScript第三章forEach循环第四课

forEach是ES5中操作数组的一种方法，主要功能是遍历数组，例如：

var arr = [1,2,3,4];
arr.forEach(alert);
等价于：

var arr = [1, 2, 3, 4];
for (var k = 0, length = arr.length; k < length; k++) {
alert(array[k]);
}
forEach方法中的function回调有三个参数：第一个参数是遍历的数组内容，第二个参数是对应的数组索引，第三个参数是数组本身

因此：

[].forEach(function(value,index,array){

//code something

});

等价于：

$.each([],function(index,value,array){

//code something

})

写一个例子；

var arr = [1,2,3,4];
arr.forEach(function(value,index,array){
array[index] == value; //结果为true
sum+=value;
});
console.log(sum); //结果为 10

map：map即是 “映射”的意思用法与 forEach 相似，用法即：

[].map(function(value,index,array){

//code

})

1、forEach方法

语法：

array.forEach(function(currentValue, index, arr), thisValue)
参数：

<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8" /><title>forEach方法</title></head><body><script type="text/javascript">var num = [2,1,3];num.forEach(function(currentValue,index,arr){console.log("当前值："+currentValue+"当前索引："+index);});</script></body></html>

JavaScript第三章forEach循环第四课相关推荐

Javascript第五章history对象第四课
ECMAScript参考:https://blog.csdn.net/qq_30225725/article/details/88621180 DOM参考:Javascript第五章window对象的 ...
Javascript第五章location对象第五课
ECMAScript参考:https://blog.csdn.net/qq_30225725/article/details/88621180 DOM参考:Javascript第五章window对象的 ...
Web前端开发笔记——第三章 CSS语言第四节 CSS列表、表格样式
目录一.CSS列表样式 (一)设计列表项前标志类型 (二)设计列表项前标志位置 (三)设计列表项图片 (四)设计整体列表属性二.CSS表格样式 (一)设计表格大小 (二)设计表格边框 (三)奇偶选 ...
（数据库系统概论|王珊）第三章关系数据库标准语言SQL-第四节：数据查询
文章目录 ★★★★★SELECT语句格式★★★★★ 一:单表查询(查询时只涉及一张表) (1)选择表中的若干列 A:查询指定列 B:查询全部列 C:查询经过计算的值 ①:算数表达式 ②:字符串常量及函 ...
Javascript第二章中for循环第四课
主要对数组进行遍历注:这三个表达式的内容可以不写,但是分号得写.
Javascript第三章循环最后一种方法for..in与for区别第二课
for in 主要就是遍历对象如果索引是字符串的形式,不能用for遍历,因为length识别不了他的长度可以有for-in的方法主要对象进行遍历 for in 遍历对象属性获取的是对象的属性名 ...
Javascript第三章数组Array常用方法第三课
第一种JavaScript sort() 方法更多免费教学文章请关注这里实例例子 1 在本例中,我们将创建一个数组,并按字母顺序进行排序: <script type="text/ ...
Javascript第三章创建数组的两种方式第一课
跟java的区别 ,js中数值没有长度限制,大小可以自动调节, 而java 中的数组是线性的,放同样的类型,而且容量是定制,有限制跟JAVA的区别直接在控制台输入对象名,直接能把数组中的数全部查出 ...
Javascript第五章倒计时第二课
HTML DOM setTimeout() 方法 ECMAScript参考:https://blog.csdn.net/qq_30225725/article/details/88621180 DOM ...

JavaScript第三章forEach循环第四课

JavaScript第三章forEach循环第四课相关推荐

最新文章

热门文章