Use el mapa para obtener un campo en un objeto de matriz

prefacio

Usé reduce para escribirlo una vez antes, pero ahora lo olvido, y es difícil escribirlo por segunda vez si no estoy familiarizado con reduce.
Recientemente, tengo el mismo requerimiento. Cuando uso la tabla de ant-design-vue, los datos de la tabla obtenidos son muy grandes. Solo necesito algunos de las docenas de campos, ¡así que volví a meterme en el mismo río!

usar

Para datos de un tipo de objeto de matriz:

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

Use el mapa para procesar por lotes los objetos en la matriz y devolver una nueva matriz.

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

antes de procesar

después del tratamiento

¡eso es todo!