美文网首页饥人谷技术博客
JavaScript Array map() 方法

JavaScript Array map() 方法

作者: select_yang | 来源:发表于2017-07-26 00:56 被阅读0次

概述

map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。

array.map(callback, thisArg)
  • map()方法中的 callback 回调函数默认支持 3 个参数,第 1 个是遍历的数组元素、第2个是元素对应的索引、第3个是数组本身。
  • map()的 callback 函数需要有返回值,这些返回值组成新数组作为map()方法的返回值。如果回调函数没有返回值,则视为返回undefined
var resume = {}
var resumeConfig = [
      { field: 'profile',icon: 'visiting',keys: ['name','city','title','birthday']},
      { field: 'workHistory',icon: 'work',type: 'array',keys: ['company','details']},
      { field: 'education',icon: 'Book',type: 'array',keys: ['school','details']},
      { field: 'projects',icon: 'project',type: 'array',keys: ['name','details']},
    ]


resumeConfig.map((item)=>{
         if(item.type === 'array'){
           resume[item.field] = []
         }else {
           resume[item.field] = {}
         }
         item.keys.map((key)=>{
           resume[item.field][key] = '' 
          })
       })

console.log(resume)
  • 这样我们就可以利用map()中 callback遍历resumeConfig这个模板数组所有元素得到一个新的对象,不同用户在操作这个数据的时候都不会破坏resumeConfig数据格式了


    image.png

相关文章

网友评论

    本文标题:JavaScript Array map() 方法

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