zoukankan      html  css  js  c++  java
  • js之对象处理

    数据拼接一:

    原始数据为对象

    {
        0grade: ""
      0home: "萍钢四切(边部钩痕)"
      0price: "3200"
      0productName: "普板"
      0remark: ""
      1grade: ""
      1home: "萍钢四切(边部钩痕)"
      1price: "3201"
      1productName: "普板"
      1remark: ""
        3grade: ""
      3home: "萍钢四切(边部钩痕)"
      3price: "3201"
      3productName: "普板"
      3remark: ""
    }
    View Code

     要求数据为数组

    [
        {
            grade: "",
            home:"萍钢四切(边部钩痕)",
            price: "3021",
            productName: "普板",
            remark: "",
        },{
            grade: "",
            home:"萍钢四切(边部钩痕)",
            price: "3021",
            productName: "普板",
            remark: "",
        },
        {
            grade: "",
            home:"萍钢四切(边部钩痕)",
            price: "3021",
            productName: "普板",
            remark: "",
        } 
    ]
    View Code

    解决方案一:

    getTableArry (data) {
      let arry = [];
      let obj = {};
        for(let key in data) {
        let curKey = parseInt(key.replace(/[^0-9]+/g, '')); // 获取key里的数字标记
        let keyName =key.replace(/[^a-zA-Z]+/g, ''); // 获取 key里的字段名称
        if(!isNaN(curKey)){// 过滤掉不包含数字标记的
            obj = {
             'productName':data[`${curKey}productName`],
             'spec':data[`${curKey}spec`],
             'grade':data[`${curKey}grade`],
             'home':data[`${curKey}home`],
             'weight':data[`${curKey}weight`],
             'warehouse':data[`${curKey}warehouse`],
             'price':data[`${curKey}price`],
             'remark':data[`${curKey}remark`],
             }
            if(`${curKey}` in arry) {// 过滤掉已经追加到arry的obj
    
            }else {
              arry.push(obj)
            }
          }
          
      }
       return arry;
    }
    View Code

     解决方案二:

    ps: obj 对象拷贝,需放在里面,每次重新初始化

      getTableArry (data, o) {
        let arry = [];
    
          for(let key in data) {
          let curKey = parseInt(key.replace(/[^0-9]+/g, '')); // 获取key里的数字标记
          let keyName =key.replace(/[^a-zA-Z]+/g, ''); // 获取 key里的字段名称
          if(!isNaN(curKey)){// 过滤掉不包含数字标记的
              if(`${curKey}` in arry) {// 过滤掉已经追加到arry的obj
      
              }else {
                  let obj = {};
                    for (let i in o){
                      obj[i] = data[`${curKey}${i}`]
                    } 
                arry.push(obj)  
              }
            }
            
        }
          return arry;
      }
    View Code
  • 相关阅读:
    Centos 7.6搭建Skywalking6.5+es6.2.4
    Skywalking入门介绍,skywalking6.5.0 +mysql (windows) 搭建
    使用springcloud gateway搭建网关(分流,限流,熔断)
    Elastalert
    Docker 部署ELK之Sentinl日志报警
    Docker 部署ELK
    基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题
    sentry之二:sentry配置钉钉和email
    sentry之一:sentry安装
    全链路追踪技术选型:pinpoint vs skywalking
  • 原文地址:https://www.cnblogs.com/yangstar90/p/7121800.html
Copyright © 2011-2022 走看看