概述

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