JS中的forEach、$.each、map方法推荐
作者:jingxian 时间:2024-04-29 13:19:59
forEach是ECMA5中Array新方法中最基本的一个,就是遍历,循环。例如下面这个例子:
[1, 2 ,3, 4].forEach(alert);
等同于下面这个for循环
var array = [1, 2, 3, 4];
for (var k = 0, length = array.length; k < length; k++) {
alert(array[k]);
}Array在ES5新增的方法中,参数都是function类型,默认有传参,forEach方法中的function回调支持3个参数,第1个是遍历的数组内容;第2个是对应的数组索引,第3个是数组本身。
因此,我们有:
[].forEach(function(value, index, array) {
// ...
});
对比jQuery中的$.each方法:
$.each([], function(index, value, array) {
// ...
});
会发现,第1个和第2个参数正好是相反的,大家要注意了,不要记错了。后面类似的方法,例如$.map也是如此。
var data=[1,3,4] ;
var sum=0 ;
data.forEach(function(val,index,arr){
console.log(arr[index]==val); // ==> true
sum+=val
})
console.log(sum); // ==> 8
map
这里的map不是“地图”的意思,而是指“映射”。[].map(); 基本用法跟forEach方法类似:
array.map(callback,[ thisObject]);
callback的参数也类似:
[].map(function(value, index, array) {
// ...
});map方法的作用不难理解,“映射”嘛,也就是原数组被“映射”成对应新数组。下面这个例子是数值项求平方:
var data=[1,3,4]
var Squares=data.map(function(val,index,arr){
console.log(arr[index]==val); // ==> true
return val*val
})
console.log(Squares); // ==> [1, 9, 16]
注意:由于forEach、map都是ECMA5新增数组的方法,所以ie9以下的浏览器还不支持(万恶的IE啊),不过呢,可以从Array原型扩展可以实现以上全部功能,例如forEach方法:
if (typeof Array.prototype.forEach != "function") {
Array.prototype.forEach = function() {
/* 实现 */
};
}
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
python顺序的读取文件夹下名称有序的文件方法
Mongodb基本操作与Python连接mongodb并进行基础操作的方法
利用ASP发送和接收XML数据的处理方法
ThinkPHP5&5.1实现验证码的生成、使用及点击刷新功能示例
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
php判断正常访问和外部访问的示例
Mysql获取当前日期的前几天日期的方法
python实现csv格式文件转为asc格式文件的方法
![](https://img.aspxhome.com/file/2023/3/72823_0s.jpg)
PHP中的MYSQL常用函数
解决Pycharm界面的子窗口不见了的问题
![](https://img.aspxhome.com/file/2023/1/65111_0s.jpg)
Python实现k-means算法
![](https://img.aspxhome.com/file/2023/8/79588_0s.png)
Laravel框架集合用法实例浅析
Python 如何创建一个简单的REST接口
如何在asp中创建DSN?
python3 cookbook中常遇问题解答
MYSQL--自身字段约束级联删除
实例讲解MySQL 慢查询
python如何写出表白程序
python 利用opencv实现图像网络传输
vue引入jq插件的实例讲解
![](https://img.aspxhome.com/file/2023/7/130247_0s.jpg)