【无标题】

MAP的高级用法

例如：合并两个数组中的若干对象

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录 MAP的高级用法一、JS中Map的使用？二、使用步骤1.创建数组或者对象2.在方法中遍历对象3.动态给符合条件的对象添加属性`返回的是一个对象或者数组以及符合条件的item` 总结

---

一、JS中Map的使用？

解释：

1.map不会改变原数组，返回的是一个新的数组。 2.map也跟foreach类似会遍历数组。 3.return 返回的对象或者数组

二、使用步骤 1.创建数组或者对象

代码如下（示例）：

	priceList:[
      {type:'纸皮',price:2},
      {type:'铁',price:8},
      {type:'纺织品',price:4},
      {type:'塑料',price:6},
    ],
    navlist:[
      {id:1,type:'铁'},
      {id:2,type:'纸皮'},
      {id:3,type:'塑料'},
      {id:4,type:'纺织品'},

2.在方法中遍历对象

map的参数有三个（item,index,arr）item必选为每次循环的项目

我要实现的功能是：将两个不同数组中的若干对象带有相同属性的值合并在一起的功能（顺序打乱）。

let typeList=this.data.typeList //小程序中的写法要加data
let priceList = this.data.priceList
    var obj = typeList.map((item,index) => {
      return {...item, ...priceList[index]};
  });
  console.log(obj)

3.动态给符合条件的对象添加属性

要巧妙的运用到es6中的...拓展运算符

 let typeList= this.data.navlist.map((item)=>{
        if(item.type.indexOf("纸皮")!==-1){
          return {url:'/image/纸皮.jpg',...item}
        }else if(item.type.indexOf("塑料")!==-1){
          return {url:'/image/塑料.jpg',...item}

返回的是一个对象或者数组以及符合条件的item 总结

例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。