.map在实际开发中的运用

实际开发中发现对数组的处理经常用到，记录一下

比如这里的， 点击选择表格，返回的数据是个对象，对象里面有数组。想要获取这个"1"数组里面的数据，同时只要里面的个别数据，可以用到.map来处理。具体代码如下

selectSuppliers (item) {
      console.log(item)
      this.suppliers = item["1"];//这里的suppliers 上面有定义
      this.suppliers = this.suppliers.map(e => {
        return {
          organizationName: e.organizationName,//表示需要的值;.map（）有返回值，返回新数组,原数组不变
        };
      });
      console.log(this.suppliers)
}

 查看结果

 

还可以使用判断，直接返回数组让前端列表展示

   getQuerydata (queryParam) {
      const queryList = { ...queryParam, ...this.pagination }
      this.queryParam = queryParam;
      this.$http.post("/supplymanage/api/supplierHead/page", queryList).then(res => {
        console.log(res.list)
        this.tableData = res.list.map(e => {
          return {
            ...e,
            suppClassification:
              e.suppClassification === 'INNER' ? "境内供应商" : "境外供应商",
            supplierStatus:
              e.supplierStatus === "1" ? "拟定" :
                (e.supplierStatus === "2" ? "通过(未进行资质审查)" :
                  (e.supplierStatus === "3" ? "资质审查通过" :
                    "")),
            companyType:
              e.companyType === "SHIYING" ? "私营企业" :
                (e.companyType === "GUOYOU" ? "国有企业" :
                  (e.companyType === "JITI" ? "集体企业" :
                    (e.companyType === "ZHONGWAI" ? "中外合资企业" :
                      (e.companyType === "WAIZI" ? "外资企业" :
                        (e.companyType === "QITA" ? "其他组织" :
                          (e.companyType === "GETI" ? "个体户" :
                            (e.companyType === "FEIYINGLI" ? "非营利机构" : ""))))))),
            isBlacklist:
              e.isBlacklist === 1 ? "是" : (e.isBlacklist === 0 ? "否" : ""),
            isKeySupplier:
              e.isKeySupplier === 1 ? "是" : (e.isKeySupplier === 0 ? "否" : ""),
            isCardUpdate:
              e.isCardUpdate === 1 ? "是" : (e.isCardUpdate === 0 ? "否" : ""),
          };
        });
        this.$page.setPageByfetchData(
          this.pagination,
          +res.total,
          res.number,
          res.size
        );
      });
    },