javascript对象中的Push和Unshift操作

Push and Unshift Operation in javascript object

本文关键字：Unshift 操作 Push 对象 javascript      更新时间：2023-09-26

我有以下数据集

输入:

dataset[0]=[{data:29, color:"y"},{data:44, color:"g"}]
dataset[1]=[{data:16, color:"r"},{data:23, color:"m"},{data:23, color:"b"}]

我在条形图上显示这些信息，然而条形图试图将它们分组。它没有给我我所期望的。http://jsfiddle.net/7dhb4jh0/1

因此，在输入条形图

之前，我需要有以下输出

通过添加{data:0, color:null}来匹配两个数据集长度的期望输出背后的逻辑。unshift和push操作涉及两件事

所需输出:

dataset[0]=[{data:29, color:"y"},{data:44, color:"g"},{data:0, color:null},{data:0, color:null},{data:0, color:null}]
dataset[1]=[{data:0, color:null},{data:0, color:null},{data:16, color:"r"},{data:23, color:"m"},{data:23, color:"b"}]
初始尝试

我这样做了，https://jsfiddle.net/s8mywm33/1/

dataset=[];
dataset[0]=[{data:29, color:"y"},{data:44, color:"g"}]
dataset[1]=[{data:16, color:"r"},{data:23, color:"m"},{data:23, color:"b"}]
sum1=dataset[0].length
sum2=dataset[1].length
for(i=0;i<sum1;i++)
{
    dataset[1].unshift({data:0, color:null})
}
for(i=0;i<sum2;i++)
{
   dataset[0].splice(2, 0, {data:0, color:null});
}
console.log(dataset[0]);
console.log(dataset[1]);
然而，有没有更好的方法来做到这一点?

根据我在评论中的建议，有很多方法可以做到这一点。我建议使用一个虚拟值(正如我在这里提到的):

var blank = {data:0, color:null};
var dataset = [];
dataset[0] = [{data:29, color:"y"}, {data:44, color:"g"}, blank, blank, blank];
dataset[1] = [blank, blank, {data:16, color:"r"}, {data:23, color:"m"}, {data:23, color:"b"}];

这使得您的意图清晰可见，数据应该放在哪里，并且不需要那么多额外的代码。

相关文章：