es6数组方法详解

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

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"}]

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

标签：

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

热门词条

最新资讯

热门关注

热门标签