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属性 ...
随机推荐
- Day21:尝试脱离相同ip连接
今日完成的任务: 1.尝试使用组员打包的jar,在cmd中配置后端. 但是最终还是出现了部分问题导致无法连接. 2.在gitlab中更新最终的前端代码(就不放图了). 明日计划: 1.研究一下jar包 ...
- rt_raster_to_gdal: Could not load the output GDAL driver
问题记录:postgis 安装后不能执行以下语句,查询入库的 tif 文件 SELECT ST_AsGDALRaster(rast, 'GTiff') As rastjpg FROM radar_da ...
- PYTHON用户流失数据挖掘:建立逻辑回归、XGBOOST、随机森林、决策树、支持向量机、朴素贝叶斯和KMEANS聚类用户画像|附代码数据
原文链接:http://tecdat.cn/?p=24346 最近我们被客户要求撰写关于用户流失数据挖掘的研究报告,包括一些图形和统计输出. 在今天产品高度同质化的品牌营销阶段,企业与企业之间的竞争集 ...
- openssl的自签名证书不被信任问题
1.不同的浏览器安全策略不同 1.1谷歌系的会提示没有绑定域名. 此服务器无法证实它就是 192.168.0.127 - 它的安全证书没有指定主题备用名称(Subject Alternative Na ...
- 面试官:来说说 https 和 http 区别?
http 和 https的区别? 一.传输信息安全性不同 1.http协议:是超文本传输协议,信息是明文传输.如果攻击者截取了Web浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息. 2.h ...
- ICPC2020 沈阳
F-Kobolds and Catacombs 牛客网 题意:对于\(n(n<=10^6)\)个数的序列,划分区间,每个区间内部从小到大排序,要求最后整个序列单调不下降,求最多可以划分为多少个区 ...
- 深入Alertmanager 概念与配置介绍
原文: https://www.cnblogs.com/gered/p/13496950.html 警报一直是整个监控系统中的重要组成部分,Prometheus监控系统中,采集与警报是分离的.警报规则 ...
- Python用telnet设置,抓UDP抓采样点并显示
====main.bat==== echo off rem "d:\Program\WiresharkPortable64\App\Wireshark\tshark.exe" -- ...
- js 表格分页,ajax请求后台数据前台分页
$(function(){ var url="后台给的地址"; var shuju=document.getElementById("shuju"); cons ...
- Java流程控制练习
练习 打印三角形及Debug的使用 public class TestDemo { public static void main(String[] args) { //打印三角形 5行 for(in ...