JS高程5.引用类型(6)Array类型的位置方法,迭代方法,归并方法
一.位置方法
ECMAScript5为数组实例添加了两个位置:indexOf()和 lastIndexOf()。这两个方法接收两个参数:要查找的项和(可选的)表示查找起点位置的索引(如在数组[7,8,9,1,0]中,“7”在第一个位置,它的索引是0。)。其中,indexOf()方法从数组的开头(位置0)开始向后查找,lastIndexOf()方法从数组的末尾开始向前查找。
注意:
这两个方法都返回要查找的项在数组中的位置,在没有找到的情况下返回-1。
在比较第一个参数与数组中的每一项时,使用的是全等操作符(===)。
eg:
var numbers=[1,2,3,4,5,4,3,1];
alert(numbers.indexOf(4));//
alert(numbers.lastIndexOf(4));// alert(numbers.indexOf(4,4));//
alert(numbers.lastIndexOf(4,4));// var person={name:"linshuling"};
var people=[{name:"linshuling"}]; var morePeople=[person]; alert(people.indexOf(person));//-1
alert(morePeople.indexOf(person));//
二.迭代方法
ECMAScript5为数组定义了5个迭代方法。每个方法都接收两个参数:在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this的值。
传入这些方法中的函数会接收三个参数:数组项的值,该项在数组中的位置和数组对象本身。
(1)every():对数组中的每一项运行给定的函数,如果函数对每一项都返回true,则返回true。
eg:
var numbers=[1,2,3,4,5,4,3,2,1];
var everyResult=numbers.every(function(item,index,array){
return(item>2);
})
var everyResult1=numbers.every(function(item,index,array){
return(item>0);
})
alert(everyResult);//false
alert(everyResult1);//true
(2)some():对数组中的每一项运行给定函数,如果该函数对任意一项返回true,则返回true。
eg:
var numbers=[1,2,3,4,5,4,3,2,1];
var someResult=numbers.some(function(item,index,array){
return(item>4);
})
var someResult1=numbers.some(function(item,index,array){
return(item>5);
})
alert(someResult);//true
alert(someResult1);//false
(3)filter()对数组中的每一项运行给定的函数,返回该函数会返回true的项组成的数组。
eg:
var numbers=[1,2,3,4,5,4,3,2,1];
var filterResult=numbers.filter(function(item,index,array){
return(item>4);
})
var filterResult1=numbers.filter(function(item,index,array){
return(item>5);
})
alert(filterResult);//
alert(filterResult1);//空数组
(4)map()对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
eg:
var numbers=[1,2,3,4,5,4,3,2,1];
var mapResult=numbers.map(function(item,index,array){
return(item+4);
})
var mapResult1=numbers.map(function(item,index,array){
return(item>5);
})
alert(mapResult);//5,6,7,8,9,10,9,8,7,6,5
alert(mapResult1);//false,false,false,false,false,false,false,false,false
(5)forEach()对数组中的每一项运行给定函数。这个函数没有返回值。
eg:
var numbers=[1,2,3,4,5,4,3,2,1];
var forEachResult=numbers.forEach(function(item,index,array){
return(item+4);
})
var forEachResult1=numbers.forEach(function(item,index,array){
return(item>5);
})
alert(forEachResult);//undefined
alert(forEachResult1);//undefined
该方法本质上与使用for循环迭代数组是一样的。
eg:
var numbers=[1,2,3,4,5,4,3,2,1];
number.forEach(function(item,index,array){
//执行某些操作
});
三.归并方法
ECMAScript5中新增了两个归并数组的方法:reduce()和reduceRight()。这两个方法会迭代数组的所有项,然后构建一个最终的返回值。其中,reduce()方法从数组的第一项开始,逐个历遍到最后。而reduceRight()则从数组的最后一项开始,向前历遍到第一项。
这两个方法都接收两个参数:一个是在每一项上调用的函数和(可选的)作为归并基础的初始值。传入给reduce()和reduceRight()的函数接收四个参数:前一个值,当前值,项的索引和数组对象。
eg:
使用reduce()方法可以执行求数组中所有值的和
var number=[1,2,3,4,5];
var sum=number.reduce(function(prev,cur,index,array){
return prev+cur;
});
alert(sum);//
注意:使用reduce和reduceRight(),主要取决于要从哪头开始历遍数组。除此之外,他们是完全相同的。
JS高程5.引用类型(6)Array类型的位置方法,迭代方法,归并方法的更多相关文章
- JS高程5.引用类型(2)Array类型
Array类型: ECMAScript数组的每一项可以保存任何类型的数据,数组的大小是可以动态调整的. 创建数组的基本方式: (1)使用Array构造函数 var color=new Array(); ...
- JS_高程5.引用类型(6)Array类型的位置方法,迭代方法,归并方法
一.位置方法 ECMAScript5为数组实例添加了两个位置:indexOf()和 lastIndexOf().这两个方法接收两个参数:要查找的项和(可选的)表示查找起点位置的索引(如在数组[7,8, ...
- Js高程笔记->引用类型
1 . Object 对象 2 . Array 对象 : 检测方法:ES5 : isArray 转换方法: toLocaleString , toString , val ...
- 《JS高程》引用类型学习笔记
2月圆满的结束了,结束之前是如凤凰般的涅槃.一边上班,一边搞科研的忙碌有点让人透不过气,心会不由得浮躁起来.但是,无论什么事情,只要充满耐心.专心去做,总会朝好的方向发展,心态真的很重要.Anyway ...
- JavaScript引用类型之Array类型一
一.简介 除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了.下面就来分析ECMAScript中的数组与其他语言中的数组的异同性: 1.相同点: (1)他们都是数据的有序列 ...
- JavaScript引用类型之Array类型API详解
Array类型也是ECMASCRIPT中最常见的数据类型,而且数据的每一项可以保存任何类型的数值,而且数组的大小是可以动态调整的,可以随着数据的添加自动增长以容纳新的数据.下面,总结数据的一些常用方法 ...
- 引用类型之Array类型
Array类型 ECMAScript数组与其它语言数组一样,都是数据的有序列表.但是ECMAScript数组的每一项可以保存任何类型的数据.而且,ECMAScript数组是可以动态调整的. 1.创建和 ...
- 初心不负 笔记-JS高级程序设计-引用类型篇-Array
ES3方法集合: 1join()方法,将一个数组里面的所有元素转换成字符串,然后再将他们连接起来返回一个字符串,通过制定的符号,默认值为逗号.不会改变原数组 ,,,,]; a.join(); &quo ...
- JavaScript之引用类型(Array类型)
除了Object类型,Array是ECMAScript中最常用的类型了. 与其他语言不同的是,ECMAScript数组的每一项可以保存任何类型的数据. 而且,ECMAScript数组的大小是可以动态调 ...
随机推荐
- jqgrid-asp.net-mvc
jqgrid-asp.net-mvc 你是否使用jqgrid? 你是否想在C#/asp.net mvc中使用jqgrid? 那你很可能曾经为了分析jqgrid的request url用fiddler忙 ...
- 深入了解jsonp解决跨域访问
在这个项目中,我们做的充分利用jsonp这是一个特点跨界,完成简单的单点登录认证和权限控制的统一.道,各有各的优点.各有各的优点,选择什么方式实现全然取决于我们自己或者项目经理的开发经验,对各种框架的 ...
- ASP.NET抓取网页内容
原文:ASP.NET抓取网页内容 一.ASP.NET 使用HttpWebRequest抓取网页内容 这种方式抓取某些页面会失败 不过,有时候我们会发现,这个程序在抓取某些页面时,是获不到所需的内容的, ...
- C#实现文档转换成PDF
网上有很多将doc.ppt.xls等类型的文档转换成pdf的方法,目前了解到的有两大类: 1.使用虚拟打印机将doc.ppt.xls等类型的文档 2.使用OFFICE COM组件 我采用了第二种方法实 ...
- Ruby on Rails (ROR)类书籍
Ruby on Rails (ROR)类书籍下载地址及其他(整理) Ruby on Rails 如此之热,忍不住也去看了看热闹,现在把一些相关的电子图书下载地址整理下,方便有兴趣的朋友. 2006-0 ...
- WinXP 无线技巧“区域没有通过无线网络中的发现”一个可能的原因!
貌似WinXP经典或无限.我一直沿用至今,我不知道这一天会放弃. 遇到的问题,也许有XP爱好者都遇到过还得看,写下一点文字注释.----------------------- 切割线 -------- ...
- Liunx readlink命令
readlink命令 分类: Shell 2013-07-13 16:41 417人阅读 评论(0) 收藏 举报 readlink是linux系统中一个常用工具,主要用来找出符号链接所指向的位置. 在 ...
- mac下安装配置java jdk,maven,resin
mac jdk安装及环境变量配置 安装http://www.ifunmac.com/2013/04/mac-jdk-7/ jdk安装目录:/Library/Java/JavaVirtualMachin ...
- JQuery UI Layout Plug-in布局
端]使用JQuery UI Layout Plug-in布局 引言 使用JQuery UI Layout Plug-in布局框架实现快速布局,用起来还是挺方便的,稍微研究了一下,就能上手,关于该布 ...
- Day2:T1搜索 T2最小生成树
T1:广搜+判断矩形 注:如何判断搜的是否为矩形: 在广搜的时候,记录下边界的坐标,然后枚举一遍过去,如果搜到"."就是牛群,否则就是房间 瞥了一眼ccy的做法,据说是floodf ...