js数组对象处理

往往后端给的数据都不是最终显示的格式，需要前端做处理。
假如有下面这样的一个数组对象

 comboMealList: [
    {id: 1, name: "商务套餐1", totalPrice: 20, totalNum: 2},
    {id: 1, name: "商务套餐2", totalPrice: 15, totalNum: 1},
    {id: 1, name: "自定义套餐", totalPrice: 0, totalNum: 1}
  ]

需要处理成以 | 隔开的形式，这个效果：

商务套餐1￥20 2份|商务套餐2￥15 1份|自定义套餐￥0 1份

思路：先用map处理一下数组，再join以“|”拼接

 dealArr(){
	   const meal = this.comboMealList
	   const arrs = meal.map(el => {
	     return el.name + '￥' + el.totalPrice + ' ' + el.totalNum + '份'
	   })
	   return arrs.join('|')
	 }

最终就是想要的格式

注意：map() 不会对空数组进行检测，不会改变原始数组，是对数组中的每一个元素进行处理，返回新的元素。