es6数组方法详解

2018-06-24 01:06:59来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

Array在ES5新增的方法中,参数都是function类型,默认有传参(对应项,对应的索引,数组本身)

因都为数组操作,我就在这里先声明所属变量,不必每次声明了

let fruits = ['apple', 'banana', 'orange'];
let people = [
  {
"name" : "kobe" ,
"age" : 36
  },
  {
"name" : "jordan" ,
"age" : 40
  },
  {
"name" : "james" ,
"age" : 34
  }
 ] 

1. forEach

 [].forEach(function(value, index, array) {
    // ...
 });

    forEach方法 遍历数组元素

 fruits.forEach(function(fruit,index) { 
    console.log(fruit,index);          // apple,0  // banana,1  // orange,2
 });

2. map   

    映射(一一对应)。

[].map(callback,[ thisObject]);

 callback必须有return值(如果没有,则返回undefined),下面介绍三个实例来了解一下吧

let arr1 = fruits.map(item=>(
    item.toUpperCase()
))
console.log(arr1); // ["APPLE", "BANANA", "ORANGE"]


let arr2 = people.map(item=>(
item.age
));
console.log(arr2); // [36, 40, 34]

var arr3 = people.map(item=>({
age : item.age
}));
console.log(arr3); //[{"age" : 36},{"age" : 40},{"age" : 34}]

3. filter

 过滤筛选(callback中通过返回true 或 false而filter从而返回所有符合过滤条件的元素)。

[].filter(callback,[ thisObject]);
let arr4= people.filter(item=>(
  item.age>36
)); console.log(arr4); // [{age:40,name:"jordan"}]

4.  

git 地址 : https://github.com/freshPork/grunt/blob/master/es6-array.html

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JavaScript学习笔记1

下一篇:上传高德地图-express框架