map方法,对象动态值用[key]来解决

首先数据格式是

data: [
        {
          key: "name",
          value: "期限"
        },
        {
          key: "age",
          value: 18
        }
      ],

需要转成的数据格式需求是:

data: [
        {
        name: '期限'
        },
        {
        age: 18
        }
      ],

发现对象的属性是一个动态值nameage,那么就是需要通过[key][value]的方式来作为动态值了

用map方式来实现,map方法是返回一个新的数组(当然还可以有其他的遍历方式,这里就不一一列举了,或者还有其他的方式)

let newAata = data.map(element => { // element是data里面的每一个对象
   return { // 这里加个{}是让每一个element作为一个对象返回出去,并存到一个新的数组newAata里面
      [element.key]: element.value // 注意:只有前面的属性加[]才是动态值
      // [element.key]: [element.value] // 注意:后面的属性值加[]就是一个数组值
   }
})
console.log(newAata); // 得到一个过滤好的数组了,且不会改变原数组

你可能感兴趣的:(map方法,对象动态值用[key]来解决)