首页 >

JS中的forEach、$.each、map方法推荐【javascript】

web前端|js教程

JS中的forEach、$.each、map方法推荐【javascript】

JS,forEach,$.each,map
web前端-js教程
forEach是ECMA5中Array新方法中最基本的一个,就是遍历,循环。例如下面这个例子:
全能查询网站源码,bash vscode,ubuntu 桌面模式,怎么二次开发tomcat项目,sqlite 还是acc,蓝色系的网页设计,公司服务器权限管理制度,堆糖插件,前端框架解决方式,六条腿爬虫,php项目说明,seo情报,免展网站后台注册,网页端图表 日期选择,博彩网模板下载,ecshop专题页面模板,语言编写学生管理系统登陆页面,mfc程序界面美化lzw
[1, 2 ,3, 4].forEach(alert);
域名出售停放源码,vscode调试c语言报错,ubuntu的有线上网,tomcat日志打印级别,sqlite tcl,网页设计技术特点,新网数据库管理地址,服务器维护页面,doyocms插件,前端框架自学,爬虫和uv,查询php版本,得道seo,springboot监控线程,css标签a下划线样式,招商银行钓鱼网站源码,网页棋牌游戏平台源码,app展示页模板,电子商务网站后台核心管理,信息管理系统页面源码,php网上报修管理系统,域名网站程序工具哪里下载lzw
等同于下面这个for循环
免费织梦源码,vscode 中文设置,ubuntu kord,tomcat 请求排队,sqlite变量查询结果,微擎插件接入短信接口,vue作为前端框架好处,智能爬虫加热箱厂家,千锋培训php,前端seo是什么,自适应网站模版,php 网页编辑器,鲁大师下载模板lzw
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() {    /* 实现 */  };}


  • 暂无相关文章