代码之家 › 专栏 › 技术社区 › Sreekanth Reddy

javascript中按不同元素排序

data-structures arrays javascript

Sreekanth Reddy · 技术社区 · 6 年前

我有很多元素

输入

{
       "a":[1,2,3],
       "b":[4,5,6],
       "c":[7,8,9]
};

我想从每个键中逐个获取元素。

预期产量:

[1,4,7,2,5,8,3,6,9]

我尝试了以下几个不同的例子,但都失败了:

let obj = {
   "a":[1,2,3],
   "b":[4,5,6],
   "c":[7,8,9]
};
let arr = [];

for(let i in obj){
   arr.push(obj[i]);
}

let res = [];
for(let i=0;i<arr.length;i++){
   for(let j=0;j<arr[0].length;j++){
     res.push(arr[j][i]);
   }
}
console.log(res);

以上代码在以下示例中失败:

{
       "a":[1,2,3]
};

错误:找不到未定义的0。

{
"a": [1,2,3],
"b": [4,5,6,7]
}

输出中缺少7。

以上问题的最佳解决办法是什么?

2 回复 | 直到 6 年前

Eddie 6 年前

您可以使用 Math.max 和 map 每个数组。

let obj = {
  "a": [1, 2, 3],
  "b": [4, 5, 6, 7]
}

//Convert the object into multi dimentional array
let arr = Object.values(obj);
let res = [];


for (i = 0; i < Math.max(...arr.map(o => o.length)); i++) {  //Loop from 0 to the legnth of the longest array
  for (x = 0; x < arr.length; x++) {                         //Loop each array
    if (arr[x][i]) res.push(arr[x][i]);                      //If element exist, push the array
  }
}

console.log(res);

Vignesh Raja 6 年前

这将是另一个简单的方法。

var arr = {
       "a":[1,2,3],
       "b":[4,5,6],
       "c":[7,8,9]
};

var values = Object.values(arr); //Using this will modify the original object during the process

//In case, original object should not be modified during the process use the following
//var values = Object.values(arr).map(function(elem){return elem.slice();});

var result = [];

while(values.length)
{
    values = values.filter(function(arr,index){ return arr.length; }); //Remove the empty arrays
    result = result.concat(values.map(function(elem){ return elem.shift(); })); //Get the first element of all arrays
}

console.log(result);

推荐文章

Toniq · javascript为php保存多维数组

1 年前

Jannis · Java中数组的怪异行为

1 年前

callum · 如何识别数组中与给定序列不匹配的元素?

1 年前

Gamerboi677 _YT · 如果玩家触摸了某个部分,如何将玩家名称添加到数组中。-Roblox-Lua编码

1 年前

at. · 在一行中创建任意大小的JavaScript/TypeScript 2d数组

1 年前

Rakis Friski · Javascript Spread运算符混淆行为

1 年前

tenfour · 如何使用数组元素的索引初始化数组元素

2 年前

Guillaume · 使用操作从Python列表创建numpy数组

2 年前

maxMas · Swift 5:为什么会出现索引超出范围错误?

2 年前

Sarah Workman · 尝试比较用javascript编程添加的字符串的值

2 年前