js之对象处理
数据拼接一:
原始数据为对象
{
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之对象处理的更多相关文章
- js定义对象的几种容易犯的错误
//js定义对象的几种容易犯的错误function Person() { getName = function (){ console.info(1); }; return this;}//Perso ...
- 模仿console自写函数打印js的对象
本以为写个递归函数就可以将js的对象打印出来. 当然第一个想到的估计是JSON.stringify() 这个函数.但这个函数打印到浏览器 显示效果不友好.最友好的显示肯定是 控制台打印咯. 结果尝试打 ...
- js自定义对象
一,概述 在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascrip ...
- Atitit 跨平台异常处理(2)--------异常转换 -----java c# js异常对象结构比较and转换
Atitit 跨平台异常处理(2)--------异常转换 -----java c# js异常对象结构比较and转换 { "@type":"java.lang.Runti ...
- js中对象使用
简单记录javascript中对象的使用 一.创建对象 //创建一个空对象 var o={}; //创建一个含有两个属性的对象,x.y var o2={x:12,y:'12',name:'JS'}; ...
- JavaScript学习06 JS事件对象
JavaScript学习06 JS事件对象 事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状 ...
- [转]JS中对象与字符串的互相转换
原文地址:http://www.cnblogs.com/luminji/p/3617160.html 在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: thr ...
- JS中对象与字符串的互相转换
在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON ...
- JS面相对象
一.理解对象: //第一种:基于Object对象 var person = new Object(); person.name = 'My Name'; person.age = ; person.g ...
- 关于js一般对象与标配对象
当一个js函数对象被创建时,Function 构造器产生的函数对象会运行类似这样的一些代码 this.prototype={constructor:this} 新函数被赋予了一个prototype属性 ...
随机推荐
- Springboot 和hutool文件上传下载
1.放开上传限制 servlet: multipart: enabled: true #默认支持文件上传 max-file-size: -1 #不做限制 max-request-size: -1 #不 ...
- Goreplay流量回放-使用真实流量测试
介绍: 1.goreplay是一个开源的网络监控工具,它可以记录你的实时流量,并用于跟踪.负载测试.监控和详细分析. 2.goreplay 是一款从生产环境 copy 流量到测试环境的工具,且不会影响 ...
- 【记录】Linux Mint Cinnamon Desktop Enviroment使用记录
之前使用的系统是Kali Linux,并不是看上了一堆工具,工具的话上虚拟机不好吗,会折腾的docker更好阿,主要是 1. 用习惯了gnome的桌面环境 2. 开箱即用 很多配置他都已经做好了 我都 ...
- loadrunner脚本--参数与变量
一:定义 1.参数的定义 lr_save_string("xushasha","param"); 2.变量定义 int x; //遵循c语言规范 二:调用方法 ...
- 02 流程控制之while循环
# 1.循环的语法与基本使用'''print(1)while 条件: 代码1 代码2 代码3print(3)''' # count=0# while count < 5: # 5 < 5# ...
- jenkins 连接Windows
1.Windows机器需要安装powershell Server 下载路径:https://www.nsoftware.com/powershell/server/ 点击startk开启该服务 2.配 ...
- The first python article
Smile is the most beautiful language! and Python so on !
- c基础-Makefile
Makefile gcc 测试c编译流程.c->.i->.s->.o->可执行程序 # a.c->a.i->a.s->a.o->a# .i 文件生成 - ...
- C# Visual Studio等,学习地址
Visual Studio 2022 学习地址 Visual Studio系列学习地址 Csharp11 学习地址 Csharp 学习地址 W3School公营,推广技术,免费学习 W3CSchool ...
- Grafana + Prometheus 监控JVM
最近在研究监控系统,所以第一次接触了Grafana跟Prometheus,Grafana是一个很强大的可视化指标工具,而Prometheus是一个时序数据库. 项目总会慢慢做大,一些必要的监控以及预警 ...