zoukankan      html  css  js  c++  java
  • JS_高程5.引用类型(6)Array类型的位置方法,迭代方法,归并方法

    一.位置方法

      ECMAScript5为数组实例添加了两个位置:indexOf()和 lastIndexOf()。这两个方法接收两个参数:要查找的项和(可选的)表示查找起点位置的索引(如在数组[7,8,9,1,0]中,“7”在第一个位置,它的索引是0。)。其中,indexOf()方法从数组的开头(位置0)开始向后查找,lastIndexOf()方法从数组的末尾开始向前查找。

      注意:

      这两个方法都返回要查找的项在数组中的位置,在没有找到的情况下返回-1。

      在比较第一个参数与数组中的每一项时,使用的是全等操作符(===)。

    eg:

     1 var numbers=[1,2,3,4,5,4,3,1];
     2 alert(numbers.indexOf(4));//3
     3 alert(numbers.lastIndexOf(4));//4
     4 
     5 alert(numbers.indexOf(4,4));//5
     6 alert(numbers.lastIndexOf(4,4));//3
     7 
     8 var person={name:"linshuling"};
     9 var people=[{name:"linshuling"}];
    10 
    11 var morePeople=[person];
    12 
    13 alert(people.indexOf(person));//-1
    14 alert(morePeople.indexOf(person));//0

    二.迭代方法

      ECMAScript5为数组定义了5个迭代方法。每个方法都接收两个参数:在每一项上运行的函数和(可选的)运行该函数的作用域对象——影响this的值。

    传入这些方法中的函数会接收三个参数:数组项的值,该项在数组中的位置和数组对象本身。

    (1)every():对数组中的每一项运行给定的函数,如果函数对每一项都返回true,则返回true。

    eg:

    1 var numbers=[1,2,3,4,5,4,3,2,1];
    2 var everyResult=numbers.every(function(item,index,array){
    3     return(item>2);
    4 })
    5 var everyResult1=numbers.every(function(item,index,array){
    6     return(item>0);
    7 })
    8 alert(everyResult);//false
    9 alert(everyResult1);//true

    (2)some():对数组中的每一项运行给定函数,如果该函数对任意一项返回true,则返回true。

    eg:

    1 var numbers=[1,2,3,4,5,4,3,2,1];
    2 var someResult=numbers.some(function(item,index,array){
    3     return(item>4);
    4 })
    5 var someResult1=numbers.some(function(item,index,array){
    6     return(item>5);
    7 })
    8 alert(someResult);//true
    9 alert(someResult1);//false

    (3)filter()对数组中的每一项运行给定的函数,返回该函数会返回true的项组成的数组。

    eg:

    1 var numbers=[1,2,3,4,5,4,3,2,1];
    2 var filterResult=numbers.filter(function(item,index,array){
    3     return(item>4);
    4 })
    5 var filterResult1=numbers.filter(function(item,index,array){
    6     return(item>5);
    7 })
    8 alert(filterResult);//5
    9 alert(filterResult1);//空数组

    (4)map()对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

    eg:

    1 var numbers=[1,2,3,4,5,4,3,2,1];
    2 var mapResult=numbers.map(function(item,index,array){
    3     return(item+4);
    4 })
    5 var mapResult1=numbers.map(function(item,index,array){
    6     return(item>5);
    7 })
    8 alert(mapResult);//5,6,7,8,9,10,9,8,7,6,5
    9 alert(mapResult1);//false,false,false,false,false,false,false,false,false

    (5)forEach()对数组中的每一项运行给定函数。这个函数没有返回值。

    eg:

    1 var numbers=[1,2,3,4,5,4,3,2,1];
    2 var forEachResult=numbers.forEach(function(item,index,array){
    3     return(item+4);
    4 })
    5 var forEachResult1=numbers.forEach(function(item,index,array){
    6     return(item>5);
    7 })
    8 alert(forEachResult);//undefined
    9 alert(forEachResult1);//undefined

    该方法本质上与使用for循环迭代数组是一样的。

    eg:

    1 var numbers=[1,2,3,4,5,4,3,2,1];
    2     number.forEach(function(item,index,array){
    3         //执行某些操作
    4     });

    三.归并方法

      ECMAScript5中新增了两个归并数组的方法:reduce()和reduceRight()。这两个方法会迭代数组的所有项,然后构建一个最终的返回值。其中,reduce()方法从数组的第一项开始,逐个历遍到最后。而reduceRight()则从数组的最后一项开始,向前历遍到第一项。

      这两个方法都接收两个参数:一个是在每一项上调用的函数和(可选的)作为归并基础的初始值。传入给reduce()和reduceRight()的函数接收四个参数:前一个值,当前值,项的索引和数组对象。

    eg:

    使用reduce()方法可以执行求数组中所有值的和

    1 var number=[1,2,3,4,5];
    2 var sum=number.reduce(function(prev,cur,index,array){
    3     return prev+cur;
    4 });
    5 alert(sum);//15

    注意:使用reduce和reduceRight(),主要取决于要从哪头开始历遍数组。除此之外,他们是完全相同的。

  • 相关阅读:
    2019春总结作业
    2019春第十二周作业
    2019春第十一周作业
    第10周作业---读后感?或许吧。
    第九周作业
    2019春第八周作业
    2019春第七周作业
    第六周作业
    2——目标与榜样
    1——自我介绍
  • 原文地址:https://www.cnblogs.com/LinSL/p/6283226.html
Copyright © 2011-2022 走看看