マップを使用して配列オブジェクト内のフィールドを取得する

序文

以前一度reduceを使って書いたのですが、今では忘れてしまって、reduceに慣れていないと二度目に書くのは難しいです。
最近私も同様の要望があり、ant-design-vueのテーブルを利用すると取得するテーブルデータが膨大になり、数十フィールドのうちの数フィールドしか必要ないので、また同じ川に足を踏み入れてしまいました。

使用

配列オブジェクト型のデータの場合:

const dataList = [
  {
    
    
  name:'张晓宇',
    age:'6',
    tel:'13322221111',
  },
   {
    
    
  name:'王大壮',
    age:'5',
    tel:'2331112414',
  },
   {
    
    
  name:'田美丽',
    age:'1',
    tel:'131313',
  },
   {
    
    
  name:'徐向前',
    age:'3',
    tel:'2312323123',
  },
]

マップを使用して配列内のオブジェクトをバッチ処理し、新しい配列を返します。

 const resultList = dataList.map(item => {
    
    
	 return {
    
    
	  	nickName: item.name,
	    age:item.age + '岁',
	  }
 })
console.log(resultList)

加工前

治療後

以上！