数组合并,拆分

1、ES6将两个数组合并成一个对象数组

有这么两个数组
let metrodates = [ “2008-01”,“2008-02”,“2008-03” ];、
let figures = [ 0, 0.555, 0.293]

想要这样的结果
let result = [
{data: 0, date: “2008-01”}, {data: 0.555, date: “2008-02”}, {data: 0.293, date: “2008-03”}];

方案一

 let result = [];
 for(let index in metrodates){
     result.push({data: figures[index], date: metrodates[index]});
 }

此方案为最原始方法,简单

方案二

 let result = metrodates.map((date,i) => ({date, data: figures[i]}));

此方案使用了ES6中的map,简洁,但本质还是遍历

方案三

 const zip = ([x,...xs], [y,...ys]) => {
   if (x === undefined || y === undefined)
     return [];
   else
     return [[x,y], ...zip(xs, ys)];
 }
 let result = zip(metrodates, figures).map(([date, data]) => (
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果 `el-table` 的 `prop` 是一个对象数组,那么你可以使用 `slot-scope` 来访问每个对象的属性并进行拆分和合并。下面是一个示例: ```html <el-table :data="tableData"> <el-table-column label="姓名" prop="name"></el-table-column> <el-table-column label="年龄" prop="age"></el-table-column> <el-table-column label="地址" prop="address"> <template slot-scope="scope"> <span>{{ scope.row.address.province }}</span> <span>{{ scope.row.address.city }}</span> <span>{{ scope.row.address.district }}</span> <span>{{ scope.row.address.detail }}</span> </template> </el-table-column> </el-table> ``` 在上面的示例中,我们访问了每个对象的 `address` 属性,并将其拆分了四个子属性。你也可以使用类似的方法将多个属性合并为一个单元格。 如果你需要将一些数据以某种方式拆分或合并,可以在 `computed` 中定义一个新的属性,并基于原始数据进行计算。例如: ```js computed: { modifiedTableData() { return this.tableData.map(item => { return { name: item.name, age: item.age, address: `${item.address.province}-${item.address.city}-${item.address.district}-${item.address.detail}` } }) } } ``` 在上面的示例中,我们将 `tableData` 中的 `address` 属性拆分为四个子属性,并在 `computed` 中创建了一个新的属性 `modifiedTableData`,该属性将 `address` 属性合并为一个字符串。你可以使用 `modifiedTableData` 替换 `tableData` 来渲染 `el-table`。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值