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); // ==> 8map
这里的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() { /* 实现 */ };}