一.位置方法

  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类型的位置方法,迭代方法,归并方法的更多相关文章

  1. JS高程5.引用类型(2)Array类型

    Array类型: ECMAScript数组的每一项可以保存任何类型的数据,数组的大小是可以动态调整的. 创建数组的基本方式: (1)使用Array构造函数 var color=new Array(); ...

  2. JS_高程5.引用类型(6)Array类型的位置方法,迭代方法,归并方法

    一.位置方法 ECMAScript5为数组实例添加了两个位置:indexOf()和 lastIndexOf().这两个方法接收两个参数:要查找的项和(可选的)表示查找起点位置的索引(如在数组[7,8, ...

  3. Js高程笔记->引用类型

    1 . Object 对象    2 . Array 对象 :       检测方法:ES5 : isArray       转换方法: toLocaleString , toString , val ...

  4. 《JS高程》引用类型学习笔记

    2月圆满的结束了,结束之前是如凤凰般的涅槃.一边上班,一边搞科研的忙碌有点让人透不过气,心会不由得浮躁起来.但是,无论什么事情,只要充满耐心.专心去做,总会朝好的方向发展,心态真的很重要.Anyway ...

  5. JavaScript引用类型之Array类型一

    一.简介 除了Object之外,Array类型恐怕是ECMAScript中最常用的类型了.下面就来分析ECMAScript中的数组与其他语言中的数组的异同性: 1.相同点: (1)他们都是数据的有序列 ...

  6. JavaScript引用类型之Array类型API详解

    Array类型也是ECMASCRIPT中最常见的数据类型,而且数据的每一项可以保存任何类型的数值,而且数组的大小是可以动态调整的,可以随着数据的添加自动增长以容纳新的数据.下面,总结数据的一些常用方法 ...

  7. 引用类型之Array类型

    Array类型 ECMAScript数组与其它语言数组一样,都是数据的有序列表.但是ECMAScript数组的每一项可以保存任何类型的数据.而且,ECMAScript数组是可以动态调整的. 1.创建和 ...

  8. 初心不负 笔记-JS高级程序设计-引用类型篇-Array

    ES3方法集合: 1join()方法,将一个数组里面的所有元素转换成字符串,然后再将他们连接起来返回一个字符串,通过制定的符号,默认值为逗号.不会改变原数组 ,,,,]; a.join(); &quo ...

  9. JavaScript之引用类型(Array类型)

    除了Object类型,Array是ECMAScript中最常用的类型了. 与其他语言不同的是,ECMAScript数组的每一项可以保存任何类型的数据. 而且,ECMAScript数组的大小是可以动态调 ...

随机推荐

  1. PHP程序猿必备的七种武器

    作为一个程序猿(又或者是程序媛),出来闯荡江湖,没有几种必杀技在手,那是肯定无法赢得江湖名声的,除了必杀技之外,武器也是很重要的,但是一把青钢剑,肯定是无法赢得万千少男少女的欢心的.就连小李飞刀,人家 ...

  2. 快速构建Windows 8风格应用5-ListView数据控件

    原文:快速构建Windows 8风格应用5-ListView数据控件 本篇博文主要介绍什么是ListView数据控件.如何构建ListView数据控件. 什么是ListView数据控件? 1)  Li ...

  3. DirectX (13) 粒子系统

    笔者:i_dovelemon 资源:CSDN 日期:2014 / 10 / 16 主题:Point Sprite, Particle System 介绍 在游戏中.非常多的绚丽,灿烂的特效,都能够使用 ...

  4. Gimp教程:简约手机图标风格

    效果:       在一个国外博客上翻到的图标制作教程,效果类似于Cowon J3的默认图标风格. 制作过程很简单,只需两三步,不多说了,上步骤 Step1.新建50×50的黑色背景 Step2.新建 ...

  5. Gimp教程:制作彩色的网站横幅

    效果图: Step1.新建900x200的透明图层 Step2.点选画笔工具,在左下方的设置界面进行如下: 设置画笔,动态,颜色,勾选应用抖动,然后试着在图层上画一画,调节一下画笔大小,相信你能作出如 ...

  6. 折腾源WRT的AC路无线路由-2

    在创纪录的开箱图,开箱后,我觉得大尺寸,因此,获得一些各种尺寸,喜欢网上购物的参考.也许这,安装后,它占用的大小:基本长度=28.5cm.深度=19.5cm,高=19.5,因为制造商推荐的约两个天线是 ...

  7. Inno Setup 网页显示插件 webctrl

    原文:Inno Setup 网页显示插件 webctrl ; -- Example.iss -- ; restools ; http://restools.hanzify.org ; 插件名:webc ...

  8. Javascript多线程引擎(七)

    Javascript多线程引擎(七)--synchronized关键字 经过两天的努力, 今天synchronzied关键字终于支持了, 如下是测试代码 thread() 是一个开启新线程的API, ...

  9. 【转载】matlab如何判断一个点是否在多面体内

    转载自:http://www.52souji.net/point-within-a-polyhedron/ 我遇到的一个实际问题是:要在空位区域随机放置一定数量的原子,这些原子在空位区域任何一处存在的 ...

  10. C51编译器扩展的关键词 & C51中断函数的写法

    C51根据单片机的特性扩展了相关的关键字,如下表示: 关键词 用途 说明 bit 位变量声明 声明了一个位变量或者位类型的函数 sbit 位变量声明 声明了一个可位寻址变量 sfr 特殊功能寄存器声明 ...