2

Estou com dúvida de como fazer um objeto que tem array dentro, nem sei se isso é possível, mas segue mais ou menos o que eu quero fazer:

var produtos =[
    {   nome: "Sei lá",
        cor: azul,
        tamanho: [ M, G, GG] // não sei como faço pra receber uma array aki.
    }
]

1 Resposta 1

2

Criando os produtos

como fazer um objeto que tem array dentro

É possível criar um objeto dentro de um array sim. Para isso basta utilizar os objetos Array e Object.

Exemplo:

/* Cria a constante onde será armazenado os produtos */
const produtos = [];

/* Cria a variável onde será criado o produto */
let produto  = new Object();

/**
  Para criar uma propriedade nesse objeto,
  basta incluir o nome da propriedade na variável do objeto
 */
produto.nome = "Sei lá";
produto.cor = "azul";
produto.isDigital = false;

/* Aqui nós criamos um objeto já setado com um array */
produto.tamanho = ["M", "G", "GG"]

/* Adiciona o produto recém criado na constante produtos */
produtos.push(produto);

console.log( JSON.stringify(produtos) );

Alterando os produtos

Para alterar esses valore é bem simples, basta acessar o produto através do índice (que vai de 0..n-1), acessar a propriedade e definir um novo valor.

Como a propriedade tamanho é um array, nós podemos alterar utilizando o método push ou unshift

produtos = [{
  "nome": "Sei lá",
  "cor": "azul",
  "tamanho": ["M", "G", "GG"]
}]

/**
 * Acessa o primeiro produto e utiliza o método
 * PUSH para inserir um novo valor ao array
 */
produtos[0].tamanho.unshift("P");
produtos[0].tamanho.push("XG");

/* Imprime na tela */
console.log( produtos );

Lendo as informações

Para ler as informações basta utilizar uma estrutura de repetição como o for ou o método forEach do objeto Array

const produtos = [{
  "nome": "Sei lá",
  "cor": "azul",
  "tamanho": ["M", "G", "GG"]
}]

for (let produto of produtos) {
  console.log( `Produto: ${produto.nome}` );
  console.log( `Produto: ${produto.tamanho[1]}` );
}

console.log( "------------- OU -------------" );

produtos.forEach( produto => {
  console.log( `Produto: ${produto.nome}` );
  console.log( `Produto: ${produto.tamanho[1]}` );
});

E caso você queira apenas ler as informações de um produto que tenha determinada característica, basta usar o método Array.filter

const produtos = [{
  "nome": "Sei lá",
  "cor": "azul",
  "tamanho": ["M", "G", "GG"]
},{
  "nome": "Sei lá 2",
  "cor": "preto",
  "tamanho": ["PP", "P"]
}]

let produtosFiltrado = produtos.filter( produto => produto.cor == "preto" )

console.log( produtosFiltrado );

1
  • Muito obrigada, isso me ajudou até com dúvidas futuras sobre o assunto kkk parabéns!!!
    – Mara
    Commented 14/02/2018 às 17:51

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 .