循环遍历对象数组中的每个元素[重复]

Question

我有一个包含如下数据的对象，

obj = {
Q1:['val1','val2'],
Q2:['val3','val4','val5'],
Q3:['val8']
}

我试图遍历键并获取每个键中的第一个元素连接每个数组中的每个元素，并使用, 将它们连接在一起（我的对象有更多的键）

所以输出应该是这样的

• val1,val3,val8
• val2,val4,
• ,val5,

我试图遍历键并获取每个值，但我认为我在循环中遗漏了一些东西，因为如果在每个对象中找到元素，我无法更改键

下面是我的试验。

for (var key in obj) {
  if (obj.hasOwnProperty(key)) {
    for (let i = 0; i < obj[key].length; i++) {
          console.log(obj[key][i])//This is always looping on the same key but different element          
    }
  }
}

虽然我希望它接近

 for (var key in obj) {
  if (obj.hasOwnProperty(key)) {
          console.log(obj[key][i])         
  }
}

Answer 1

我的解决方案使用对象的深层副本，然后通过shift() 进行递归数组操作：

obj = {
  Q1:['val1','val2'],
  Q2:['val3','val4','val5'],
  Q3:['val8']
}

var resObj = [];

function printByIndex(obj){
  var newObj = JSON.parse(JSON.stringify(obj));
  printByIndexHelper(newObj, 0);
}

function printByIndexHelper(obj, i){
  var flag = false;
  resObj[i] = [];
  Object.keys(obj).forEach(function(key){
    if(obj[key].length > 0){
      resObj[i].push(obj[key].shift());
      if(obj[key].length > 0){
        flag = true;
      }
    }else{
     resObj[i].push(null);
     }
  });
  if(flag){
    printByIndexHelper(obj, i+1);
  }
}

printByIndex(obj);
console.log(resObj);

Answer 2

映射数组并连接字符串。 Math.max 以获取完整长度以进行迭代。使用 flatMap 过滤掉长度不等的数组值。

obj = {
Q1:['val1','val2'],
Q2:['val3','val4','val5'],
Q3:['val8']
}

const o = Object.values(obj)
const len = Math.max(...o.map(({length})=>length))
console.log(
Array(len).fill().map((x,i)=>o.flatMap(q=>q[i]||[]).join(','))
)

Answer 3

检查与您要求相同的输出

 obj = {
    Q1:['val1','val2'],
    Q2:['val3','val4','val5'],
    Q3:['val8']
    }
    
    var keys = Object.keys(obj);
    var stack = [];
    var maxLength = getMaxLength(obj);
    
      for(var k = 0; k < 3;k ++) {
          var arr = [];
        
        for(var i = 0; i<keys.length;i++) {
          const key = keys[i];
          const elements = obj[key];
    
            if(k < elements.length) {
              arr.push(elements[k]);  
            }
        }
    
            console.log(arr+"\n");
        //stack.push(arr);
    }
    
    
    function getMaxLength(jsonObj) {
      var max;
      var jsonKeys = Object.keys(jsonObj);
      for(var key of jsonKeys) {
        const arr = jsonObj[key];
        if (max == null || arr.length > max) {
          max = arr.length;  
        } 
      }
      return max;
    }