遍历嵌套数组并过滤未定义

Question

在运行Object.entries(); 之后遍历对象非常好，除非不是这样。

案例和要点：

[
  [
    '0',
    {
      A: 'a',
      B: 'b',
      C: 'c'
    }
  ],

  [
    '1',
    {
      A: 'z',
      B: 'x',
      C: 'y'
    }
  ]

]

这是数组 'me_data' 中数据结构的精确代理，在通过 node . 节点中的 Object.entries 运行获取的数据后恰好记录到控制台

重点不是Object.entries，而是后面的双重迭代，这里：

me_data.forEach(function(row){

row.forEach(function(col){

console.log(col);

});//end col
});//end row

console.log(col) 的结果：

0
{
 A: 'a',
 B: 'b',
 C: 'c'
} 
1
{
 A: 'z',
 B: 'x',
 C: 'y'
}

控制台只打印每个嵌套数组的迭代并对其编号。当您通过两个迭代周期（或非代理数据的 400 个周期）访问每个数组中的一个元素时，就会出现问题。

me_data.forEach(function(row){

row.forEach(function(col){

console.log(col['A']);

});//end col
});//end row

每个循环的结果在下一行传递值，然后是 undefined，依此类推：

a
undefined
z
undefined

尝试过滤掉未定义的结果失败并出现错误

Error parsing JSON: TypeError: Cannot read property 'filter' of undefined

me_data.forEach(function(row){
row.forEach(function(col){

let filtered = col['A'].filter(function(x) {
     return x !== undefined;
});
 
console.log(filtered);

});//end col
});//end row

这里有什么遗漏吗？为什么每次迭代后控制台都会打印“未定义”？在每次多维迭代过程中，如何从每个嵌套的键值对数组中访问和使用属于同一个命名键的值？

Answer 1

它打印出undefined 的原因是因为col 可能是字符串'0' 或字符串'1'。这意味着在某些循环中您尝试访问 '0'['A']，这显然不存在。

现在据我了解，您正在尝试仅访问对象而不是字符串数字。

有几种方法可以做到这一点。

第一个（也是我推荐的方法）是这样编写循环

me_data.forEach(([row, col]) =>{
  console.log(col);
});

在这种情况下，col 将始终指向对象。

第二种方法是

me_data.forEach(function(row){
  row.forEach(function(col){
    if(typeof col !== 'object') return;

    console.log(col);
  });
});

这个方法会跳过所有不是object类型的元素

Answer 2

我建议您再次转换数据，而不是使用带有索引和对象的数组数组的 me_data 结构。如果您解开那些只是将索引与数据对象打包的内部数组，您将有一个更轻松的时间。这个 sn-p 展示了在转换之后如何通过索引、键或索引和键访问数据。

const me_data = [
  [
    '0',
    {
      A: 'a',
      B: 'b',
      C: 'c'
    }
  ],

  [
    '1',
    {
      A: 'z',
      B: 'x',
      C: 'y'
    }
  ]

]


const transformed_me_data = me_data.map(arr => arr[1])

console.log('transformed_me_data:', transformed_me_data)

console.log('[0]:', transformed_me_data[0])
console.log('[1]:', transformed_me_data[1])

console.log('A:', transformed_me_data.map(obj => obj.A))
console.log('B:', transformed_me_data.map(obj => obj.B))
console.log('C:', transformed_me_data.map(obj => obj.C))

console.log('[0].A:', transformed_me_data[0].A)
console.log('[0].B:', transformed_me_data[0].B)
console.log('[0].C:', transformed_me_data[0].C)
console.log('[1].A:', transformed_me_data[1].A)
console.log('[1].B:', transformed_me_data[1].B)
console.log('[1].C:', transformed_me_data[1].C)