数据格式转换（一）
最近开始对接口，需要对数据格式转换自如。比如将一个数组拼接成字符串，这种情况一般用来拼接后传参容易遇到，将字符串转换为数组对象格式，一般会用户接收数据，转换到页面上。
下面举例说明：
目标数组：
allStore: [{
storeId: '',
storeName: ''
}],
现数据格式：
storeId: 'c1d413066b454a2dae1b1eb4bac1be83, c1d413066b454a2dae1b1eb4bac1be83',
storeName: 'zara,zara'
（一）由目标数组转为字符串，用 forEach 循环，然后用逗号拼接。
this.allStore.forEach(item => {
if(item == this.allStore.length - 1){
storeId += item.storeId
storeName += item.storeName
}else {
storeId += item.storeId + ','
storeName += item.storeName + ','
}
})
（二）由字符串转为目标数组
首先将字符串转为转换为数组，这里是两个数组，再通过遍历其中一个数组，拿到 index，将两个数组中内容，作为一个对象push到一个新定义的数组中去。这里强调一下拿到 index 的重要性。
最初分别循环两个数组，将其内容，作为对象 push 到新数组中。
let arr = []
data.storeId.forEach(item => {
arr.push({storeId: item})
})
data.storeName.forEach(item => {
arr.push({storeName: item})
})
由于分别添加，最终数组格式：
[{storeId: 'c1d413066b454a2dae1b1eb4bac1be83'},{storeId: 'c1d413066b454a2dae1b1eb4bac1be83'},{storeName: 'zara'},{storeName: 'zara'}]
目标格式：
[{storeId: 'c1d413066b454a2dae1b1eb4bac1be83'，storeName: 'zara'},{storeId: 'c1d413066b454a2dae1b1eb4bac1be83'，storeName: 'zara'}]
字符串转为转换为数组
data.data.list.forEach(item => {
item.storeName = item.storeName.split(',')
item.storeId= item.storeId.split(',')
})
这里只需遍历其中一个数组，拿到 index，将 storeId 和 storeName 一起作为对象 push 到新数组中。
let arr = []
data.storeName.forEach((item, index) => {
arr.push({storeId:data.storeId[index], storeName:data.storeName[index]})
})
arr.forEach(item => {
this.allStore.push(item)
})
案例展示：
let data = {
storeId: '1111111111,2222222222,33333333',
storeName: '小陈,小黄,小刘'
}
let storeId = data.storeId.split(',');
let storeName = data.storeName.split(',');
let allStore = [];
storeId.forEach((item, index)=>{
allStore.push({
storeId: item,
storeName: storeName[index]
})
})
console.log(allStore)
'（三）把逗号分割的字符串，取第一个逗号前的内容显示在页面上。
首先通过 split 将字符串分割到数组中，遍历数组，通过判断 index 为0时，将内容 push 到数组中。这里注意将数组置空。
data.data.list.forEach(item => {
item.couponDetails = item.couponDetails.split(',')
item.couponDetails.forEach((item1, index) => {
if(index == 0){
item.couponDetails = []
item.couponDetails.push(item1)
return
}
})
})
相关知识
海洋热能转换
分离(转换)性障碍
草书字体转换器在线转换
手写体字体转换器在线转换
花体英文转换器在线转换
【Python】（二）数据类型与转换
公制测量和温度转换图表
英文字体转换器在线转换
空心字体转换器在线转换
可爱字体转换器在线转换
网址: 数据格式转换（一） https://m.huajiangbk.com/newsview1095227.html
| 上一篇: 51单片机程序和变量存储位置 |
下一篇: 腊肠腊肉怎么储藏好不长毛的方法和 |
