美文网首页
ES6 数组map(),创建新数组

ES6 数组map(),创建新数组

作者: 飘扬灬红领巾 | 来源:发表于2021-01-08 17:47 被阅读0次
后端返回的原始数组
let  techerList = [
  {techerId:'t1',techerName:'张三',sex:'男',email:'123456789@qq.com'},
 {techerId:'t2',techerName:'李四',sex:'女',email:'123456789@qq.com'},
 {techerId:'t3',techerName:'王五',sex:'男',email:'123456789@qq.com'},
 {techerId:'t4',techerName:'赵六',sex:'女',email:'123456789@qq.com'},
 {techerId:'t5',techerName:'孙七',sex:'男',email:'123456789@qq.com'}
]
只需要一个单独的属性
let newTecherList = techerList.map(item=>{
            return item.techerId
        })
console.log(newTecherList);   //返回数组["t1","t2","t3","t4","t5",]
需要多个属性
let newTecherList1 = techerList.map(item=>({
            techerId:item.techerId,
            techerName:item.techerName,
        }))
console.log(newTecherList1); //返回数组[{techerId: "t1", techerName: "张三"},...]

map返回的是一个新的数组

相关文章

  • JS数组内置遍历方法有哪些和区别?

    forEach()(ES6)方法对数组的每个元素执行一次给定的函数。 map()(ES6) 方法创建一个新数组,其...

  • 几种关于Javascript的数组方法

    1、Array.map()方法。(在原始的数组创建一个新的数组。) map() 方法是常用于创建新数组、修改其内容...

  • ES6 数组map(),创建新数组

    后端返回的原始数组 只需要一个单独的属性 需要多个属性 map返回的是一个新的数组

  • 数组、对象

    数组 1,filter方法: 2,forEach方法: 3,map方法: map() 方法创建一个新数组,其结果是...

  • 新增的数组方法

    ES6新增的数组方法 关于数组中forEach() 、map()、filter()、reduce()、some()...

  • JavaScript中的Array、Set和Map

    数组、Set和Map比较 都是JavaScript的数据结构 Set是ES6提供的新的数据结构, 类似于数组, 但...

  • js中数组map方法的使用和实现

    js中数组map方法的使用和实现 定义 map() 方法创建一个新数组,其结果是该数组中的每个元素是调用一次提供的...

  • ES6中的Set集合

    在ES6中,出现了新的概念:Set集合和Map集合。在ES6之前,数组是JS中唯一的集合类型。如果对数组有深入理解...

  • js遍历数组和对象

    遍历种类 forEach 对数组的循环的函数,不会改变数组值 map 创建新数组,返回元素调用函数返回的结果 ev...

  • JS 中 数组的常用操作

    遍历数组 map map方法的作用在于处理流式数据,比如数组。 map() 方法返回一个新数组,数组中的元素...

网友评论

      本文标题:ES6 数组map(),创建新数组

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