js中数组迭代函数—（2）会生成新数组

有两个迭代器方法可以产生新数组：  map() 和 filter()。

1、 map()， map() 和 forEach() 有点儿像， 对数组中的每个元素使用某个函数。 两者的区别是 map() 返回一个新的数组， 该数组的元素是对原有元素应用某个函数得到的结果。

 

< script  type = "text/javascript" >

function  curve ( grade ) 

{

return  grade  +=  5 ;

}

function  doMap ( )

{

var  grades  =  [ 77 ,  65 ,  81 ,  92 ,  83 ]  ;

var  newgrades  =  grades .  map ( curve ) ;

document . write ( newgrades  ) ;

}

< /script>

 

 

< script  type = "text/javascript" >

function  first ( word ) 

{

     return  word [ 0 ]  ;

}

function  doMap ( )

{

     var  words  =  [ "for"  ,  "your"  ,  "information"  ]  ;

     var  acronym  =  words .  map ( first ) ;

     document . write ( acronym . join ( " "  )) ;

}

< /script>

 

  在上面这个例子中， 数组 acronym 保存了数组 words 中每个元素的第一个字母。 然而， 如果想将数组显示为真正的缩略形式， 必须想办法除掉连接每个数组元素的逗号， 如果直接调用 toString() 方法， 就会显示出这个逗号。 使用 join() 方法， 为其传入一个空字符串作为参数， 则可以帮助我们解决这个问题。
2、 filter()， filter() 和 every() 类似， 传入一个返回值为布尔类型的函数。 和 every() 方法不同的是，当对数组中的所有元素应用该函数， 结果均为 true 时， 该方法并不返回 true， 而是返回一个新数组， 该数组包含应用该函数后结果为true 的元素。

 

< script  type = "text/javascript" >

function  passing ( num )

{

     return  num  >=  60 ;

}

function  doFilter ( )

{

     var  grades  =  [ ]  ;

     for  ( var  i  =  0 ;  i  <  20 ;  ++ i ) 

     {

         grades [ i ]  =  Math .  floor ( Math .  random ( )  *  101 ) ;

     }

     var  passGrades  =  grades .  filter ( passing ) ;

     document . write ( " All grades: " ) ;

     document . write ( grades ) ;

     document . write ( " Passing grades: "  ) ;

     document . write ( passGrades ) ;

}

< /script>

 

 

< script  type = "text/javascript" >

function  isEven ( num ) 

{

     return  num  %  2  ==  0 ;

}

function  isOdd ( num ) 

{

     return  num  %  2  !=  0 ;

}

function  doFilter ( )

{

     var  nums  =  [ ]  ;

     for  ( var  i  =  0 ;  i  <  20 ;  ++ i ) 

     {

      nums [ i ]  =  i +1 ;

     }

     var  evens  =  nums . filter ( isEven ) ;

     document . write ( " Even numbers: "  ) ;

     document . write ( evens ) ;

     var  odds  =  nums .  filter ( isOdd ) ;

     document . write ( " Odd numbers: "  ) ;

     document . write ( odds ) ;

}

< /script>

 

  过滤字符串 数组

< script  type = "text/javascript" >

function  afterc ( str ) 

{

     if  ( str .  indexOf ( "cie"  )  >  -  1 ) 

     {

         return  true ;

     }

     return  false ;

}
 

function  doFilter ( )

{

     var  words  =  [ "recieve"  ,  "deceive"  ,  "percieve"  ,  "deceit"  ,  "concieve"  ]  ;

     var  misspelled  =  words .  filter ( afterc ) ;

     document . write ( misspelled ) ;

}

< /script>