数据拼接一:

原始数据为对象

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

要求数据为数组

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

解决方案一:

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;
}

解决方案二:

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;
}

js之对象处理的更多相关文章

  1. js定义对象的几种容易犯的错误

    //js定义对象的几种容易犯的错误function Person() { getName = function (){ console.info(1); }; return this;}//Perso ...

  2. 模仿console自写函数打印js的对象

    本以为写个递归函数就可以将js的对象打印出来. 当然第一个想到的估计是JSON.stringify() 这个函数.但这个函数打印到浏览器 显示效果不友好.最友好的显示肯定是 控制台打印咯. 结果尝试打 ...

  3. js自定义对象

    一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascrip ...

  4. Atitit 跨平台异常处理(2)--------异常转换 -----java c# js异常对象结构比较and转换

    Atitit 跨平台异常处理(2)--------异常转换 -----java c# js异常对象结构比较and转换 { "@type":"java.lang.Runti ...

  5. js中对象使用

    简单记录javascript中对象的使用 一.创建对象 //创建一个空对象 var o={}; //创建一个含有两个属性的对象,x.y var o2={x:12,y:'12',name:'JS'}; ...

  6. JavaScript学习06 JS事件对象

    JavaScript学习06 JS事件对象 事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状 ...

  7. [转]JS中对象与字符串的互相转换

    原文地址:http://www.cnblogs.com/luminji/p/3617160.html 在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: thr ...

  8. JS中对象与字符串的互相转换

    在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON ...

  9. JS面相对象

    一.理解对象: //第一种:基于Object对象 var person = new Object(); person.name = 'My Name'; person.age = ; person.g ...

  10. 关于js一般对象与标配对象

    当一个js函数对象被创建时,Function 构造器产生的函数对象会运行类似这样的一些代码 this.prototype={constructor:this} 新函数被赋予了一个prototype属性 ...

随机推荐

  1. 【数据库数据恢复】Oracle数据库数据恢复案例

    数据库故障:Oracle数据库的ASM磁盘组掉线,ASM实例不能挂载.管理员尝试修复数据库但是没有成功. 数据库数据恢复方案:数据库数据恢复工程师通过分析组成ASM磁盘组的磁盘底层数据,将ASM元数据 ...

  2. 各种工具点评以供选择使用 + 开发工具秘籍(git, webpack。。。。)

    git最佳实践: https://gist.github.com/fandean/ca29cd2f326f66c659951d7ab356cefb ========================== ...

  3. windows 2012 打补丁升级后不能启动处理

    如果可以进入WinRE这个修复的高级选项,选择安全模式,是否可以进入,卸载最近安装的补丁,再重启看一下. 如果无法进入安全模式的话,那么选择cmd模式,使用下方命令.这通常会回退pending的upd ...

  4. 日常开发记录-js的Date对象中的toLocaleDateString()

    就是把Date对象的日期部分转换为字符串,并返回结果. 代码示例: console.log(new Date()) // 2023-01-10T05:42:41.926Z console.log(ne ...

  5. python之路5:常用模块

    模块简介 time & datetime模块 random os sys shutil json & pickle shelve xml处理 configparser hashlib ...

  6. SSH远程服务器时报错 /bin/bash : Permission denied

    SSH远程服务器时报错 /bin/bash : Permission denied 今日接到用户那边的报障,/bin/bash : Permission denied报错,用户使用的是具有sudo权限 ...

  7. mysql redis 开启远程访问

    springboot 加载外部yml nohup java -jar warehouse-0.0.1-SNAPSHOT.jar --Dspring.config.location=/root/www/ ...

  8. 【OBS Studio】使用 VLC 视频源播放视频报错:Unhandled exception: c0000005

    使用 OBS Studio 和 VLC media player 可以实现视频播放列表的推流,参考『OBS如何添加播放列表?』. 但是使用过程中发现使用 VLC 视频源播放视频时,一个视频播放完切换下 ...

  9. python--线性回归

    首先先安装要用到的包:sklearn,顾名思义机器学习包 import matplotlib.pyplot as plt import numpy as np import pandas as pd ...

  10. hutools密码算法库

    hutool密码算法库 一.开发背景 Hutool针对Bouncy Castle做了简化包装,用于实现国密算法中的SM2.SM3.SM4. 国密算法工具封装包括: 非对称加密和签名:SM2 摘要签名算 ...