Skip to main content
Adiciona mais exemplos
Fonte Link
Valdeir Psr
  • 11mil
  • 2
  • 18
  • 33

Criando os produtos

Alterando os produtos

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 );
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 );

Criando os produtos

Alterando os produtos

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 );
Fonte Link
Valdeir Psr
  • 11mil
  • 2
  • 18
  • 33

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) );

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 );