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, ...
- JavaScript引用类型之Array类型一
一.简介 除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了.下面就来分析ECMAScript中的数组与其他语言中的数组的异同性: 1.相同点: (1)他们都是数据的有序列 ...
- 引用类型之Array类型
Array类型 ECMAScript数组与其它语言数组一样,都是数据的有序列表.但是ECMAScript数组的每一项可以保存任何类型的数据.而且,ECMAScript数组是可以动态调整的. 1.创建和 ...
- JavaScript引用类型之Array类型API详解
Array类型也是ECMASCRIPT中最常见的数据类型,而且数据的每一项可以保存任何类型的数值,而且数组的大小是可以动态调整的,可以随着数据的添加自动增长以容纳新的数据.下面,总结数据的一些常用方法 ...
- JavaScript之引用类型(Array类型)
除了Object类型,Array是ECMAScript中最常用的类型了. 与其他语言不同的是,ECMAScript数组的每一项可以保存任何类型的数据. 而且,ECMAScript数组的大小是可以动态调 ...
- JS_高程5.引用类型(4)Array类型的各类方法
一.转换方法 所有的对象都具有toLocaleString(),toString()和valueOf()方法.调用toString()方法会返回由数组中的每个值的字符串拼接而成的一个以逗号分隔的字符串 ...
- JS_高程5.引用类型(3)Array类型-检测数组
1. instanceof操作符(ECMAScript3) 对于一个网页,或者是一个全局作用域而言,使用instanceof操作符来检测数组就可以得到满意的结果. 语法:if(value instan ...
- JS_高程5.引用类型(5)Array类型的操作方法
一.操作方法 1.concat()方法 基于当前数组中的所有项创建一个新数组.具体说,是先创建当前数组的一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组.在没有给concat() ...
随机推荐
- 通过CSS自动截取字符串长度
Table Tr TD的自动换行 <style type="text/css"> table { width: 30em; table-layout: fixed; ...
- Java基础知识➣泛型整理(四)
概述 泛型的本质是参数化类型,使用同一套代码来满足不同数据类型的业务需要,提高代码的执行效率,使代码简单明了. 泛型方法 该方法在调用时可以接收不同类型的参数.根据传递给泛型方法的参数类型,编译器适当 ...
- Javascript \x 反斜杠x 16进制 编解码
js 里 \x 开头的通常是16进制编码的数据,下面代码实现编解码: 解码 function decode(str){ return str.replace(/\\x(\w{2})/g,functio ...
- MaterialEditText——Android Material Design EditText控件
MaterialEditText是Android Material Design EditText控件.可以定制浮动标签.主要颜色.默认的错误颜色等. 随着 Material Design 的到来, ...
- CentOS7.5安装nodejs 转
CentOS7.5安装nodejs CentOS安装NodeJS 在CentOS下安装NodeJS有以下几种方法.使用的CentOS版本为7.2.CentOS其他版本的NodeJS安装大同小异,也可以 ...
- Python_列表常用操作
%d 数字 %f 浮点 %s 字符串 字符串常用功能: .strip() 默认去掉字符串两边空格#或者在括号里注明去除什么 查看列表方法:dir(列表名) .append(元素): ...
- nginx与php-fpm通信的两种方式
简述 在linux中,nginx服务器和php-fpm可以通过tcp socket和unix socket两种方式实现. unix socket是一种终端,可以使同一台操作系统上的两个或多个进程进行数 ...
- 伪分布式hbase2.6.5和hbase1.1.2的配置
1.注意hadoop和hbase的版本兼容问题 目前测试用:hadoop 2.6.5 Hbase 1.1.2 2.创建hadoop用户 Sudo useradd –m hadoop –s /bin/ ...
- BZOJ3156 防御准备 动态规划 斜率优化
原文链接http://www.cnblogs.com/zhouzhendong/p/8688187.html 题目传送门 - BZOJ3156 题意 长为$n$的序列$A$划分,设某一段为$[i,j] ...
- 给定一个数组,将数组中的元素向右移动 k 个位置,其中 k 是非负数。
示例 1: 输入: [1,2,3,4,5,6,7] 和 k = 3 输出: [5,6,7,1,2,3,4] 解释: 向右旋转 1 步: [7,1,2,3,4,5,6] 向右旋转 2 步: [6,7,1 ...