美文网首页
js:数组映射map方法

js:数组映射map方法

作者: gis杭州 | 来源:发表于2018-11-18 14:18 被阅读0次

例如需要对一个原始数组数据做过滤,获取到你想要到数组结构。
做法是编写一个过滤器方法,对原始数组遍历,然后将需要的内容push到新数组中,最后返回。

这个过程通常到代码是下面这样:

const ninjas = [
{ name : "Yagyu",weapon:"shuriken"},
{ name : "Yoshi",weapon:"katana"},
{ name : "Kuma",weapon:"wakizashi"}
];
let filter = function(data){

const resArr = [];

data.forEach(obj =>{
  resArr.push(obj.weapon);
}
)
return resArr;
}
filter(ninjas);
image.png

这个过程,可以用数组的map函数实现便捷操作,也就是映射数组:

const resArr1 = ninjas.map(obj =>obj.name);
image.png

相关文章

  • 2018-08-23

    js数组map的用法指“映射”。[].map(); 基本用法跟forEach方法类似:[].map(functio...

  • js:数组映射map方法

    例如需要对一个原始数组数据做过滤,获取到你想要到数组结构。做法是编写一个过滤器方法,对原始数组遍历,然后将需要的内...

  • es6的map()方法解释

    map方法的作用不难理解,即“映射”,也就是原数组被“映射”成对应新数组。在实际使用的时候,我们可以利用map方法...

  • map

    js中的map()方法 map定义和方法 map()方法返回一个新数组,数组中的元素为原始数组元素调用函数处理的后...

  • js中的循环遍历方法对比

    JS循环大总结, for, forEach,for in,for of, map区别 map(数组方法): 特性:...

  • 数组(Array)<迭代器>

    一、Js数组迭代器方法 主要介绍js数组中的forEach,every,some,filter,map迭代器方法 ...

  • JavaScript数组的映射

    JavaScript中数组的常用操作之数组的映射 Array.map()方法 Array.from(array[,...

  • React Native循环创建组件

    React Native 中循环创建组件需要用到 map 函数 map 方法的作用是映射,也就是原数组被映射成新数...

  • map、foreach、reduce、filters的用法及区别

    1、map方法,用于映射数据,返回映射后的数据。如下方,将arr数组中的成绩映射为及格或者不及格(返回新数组)。 ...

  • ES6的语法笔记

    参考 遍历 forEach 过滤 filter 映射 map 汇总reduce 构造函数 数组方法 字符串方法 展...

网友评论

      本文标题:js:数组映射map方法

      本文链接:https://www.haomeiwen.com/subject/umhgfqtx.html