-3

Estou precisando iterar um array que contém objetos, que por sua vez contém outros arrays.

Eu consegui fazer funcionar e extrair cada array de cada propriedade com esse código:

const dados = [
  {
    backend: ['Ruby', 'Ruby on Rails'],
    frontend: ['html', 'css', 'javascript'],
    db: ['Sqlite3']
  },
  {
    backend: ['Ruby', 'Ruby on Rails'],
    frontend: ['html', 'css', 'javascript'],
    db: ['Sqlite3']
  }
];


dados.map( function (value){
  for (var chave in value){
    //console.log(value[chave]);
    console.log(chave);
    for (var i = 0; i < value[chave].length; i++){
      console.log(value[chave][i]);
    }
  }
});

Funcionou, mas achei meio confuso. Alguém teria alguma dica para melhorar? Eu venho de Ruby, e Javascript esta me deixando doido!

4
  • 2
    Depende do que quer fazer com os dados. O uso de map não parece adequado, já que ele serve para transformar uma array em outra, não simplesmente iterar.
    – bfavaretto
    Commented 2/02/2022 às 15:21
  • 2
    Como já dito acima, usar map somente para iterar é errado, pois a ideia do map é executar algo com os elementos do array e retornar outro array com os resultados (similar ao map do Ruby, inclusive). Se só quer iterar e fazer algo, e não quer outro array com os resultados do processamento, um for simples (algo como a resposta abaixo) já serve. Enfim, sem saber o que vc quer fazer, fica difícl dar qualquer dica...
    – hkotsubo
    Commented 2/02/2022 às 15:59
  • 1
    Por fim, isso não é um array multidimensional (por isso tomei a liberdade de editar e mudar o título). Na verdade é um array que contém objetos, e cada um desses objetos contém 3 propriedades (backend, frontend e db), e o valor de cada uma dessas propriedades é outro array.
    – hkotsubo
    Commented 2/02/2022 às 16:01
  • Obrigado pela ajuda Pessoal! Amo vcs! Commented 2/02/2022 às 17:15

2 Respostas 2

1

Se você deseja apenas iterar, como @bfavaretto disse em seu comentário, o Array.prototype.map() não é o método mais adequado já que a mesmo retorna um novo array.

Assim seria um outro modo:

const dados = [{backend: ['Ruby', 'Ruby on Rails'],frontend: ['html', 'css', 'javascript'],db: ['Sqlite3']},{backend: ['Ruby', 'Ruby on Rails'],frontend: ['html', 'css', 'javascript'],db: ['Sqlite3']}];

for (const obj of dados) {
  for (const arrays of Object.values(obj)) {
    console.log(arrays); // ['Ruby', 'Ruby on Rails'], etc
  }
}

Object.values irá retornar

um array contendo os valores das propriedades enumeradas do dado objeto.

Mais informações sobre o Object.values se você quiser saber mais sobre: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Object/values

1
0

const dados = [
  {
backend: ['Ruby', 'Ruby on Rails'],
frontend: ['html', 'css', 'javascript'],
db: ['Sqlite3']
  },
  {
backend: ['Ruby', 'Ruby on Rails'],
frontend: ['html', 'css', 'javascript'],
db: ['Sqlite3']
  }
];

dados.forEach((item, index, arr) => {
item.backend.forEach((item, index, arr) => {
console.log(item);
  });
});

Ola, nesse caso eu gosto de usar o metodo forEach, ele irá iterar todos os indices do array atraves de um callback, e para cada array filho, podes realizar um novo forEach.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .