Como substituir o objeto em uma matriz em JavaScript

Em JavaScript, o Array é uma estrutura de dados comumente utilizada. Para manipular dados, você deve saber como recuperar, adicionar e substituí -los em uma matriz. Mais especificamente, você pode substituir ou adicionar um ou mais elementos de uma matriz usando os métodos predefinidos por JavaScript.

Esta postagem do blog descreverá os métodos para substituir objetos em matrizes JavaScript.

Como substituir o objeto em uma matriz em JavaScript?

Para substituir um objeto em uma matriz, o JavaScript fornece alguns métodos predefinidos que são os seguintes:

• • Usando índice
  • Usando o método indexOf ()
  • Usando ou loop
  • Usando o método Splice ()

Vamos discutir os métodos mencionados acima um por um!

Método 1: Substitua o objeto em uma matriz usando o índice

Este é o método mais simples para substituir um elemento em uma matriz. Cada elemento de uma matriz pode ser acessado usando um índice, começando em 0. Nesta abordagem, você deve usar colchetes para acessar um elemento de matriz.

Sintaxe

Siga a sintaxe dada para substituir o objeto usando o índice de matriz:

Array [index] = elemento;

Aqui, o elemento será substituído no índice especificado da matriz.

Exemplo

Vamos criar uma matriz chamada “cores”E então imprimi -lo no console usando o“console.registro()”Método:

var colors = ["vermelho", "azul", "verde", "rosa"];
console.log ("Array original:", cores);

Em seguida, substitua o elemento de uma matriz passando o índice da matriz usando a notação de suporte. Vamos substituir o elemento do índice “1" com "roxo”:

cores [1] = "roxo";

Imprima a nova matriz no console com o mesmo comprimento:

console.log ("matriz substituída:", cores);

A saída significa que o objeto da matriz “azul"É substituído com sucesso por"roxo”:

Vamos mudar para o segundo método!

Método 2: Substitua o objeto em uma matriz usando o Método Indexof ()

Há outro método “índice de()”Isso produzirá o índice do elemento especificado em uma matriz. Se o argumento aprovado não puder ser localizado em uma matriz, produzirá -1. Portanto, se você não conhece o índice de um elemento, use o método indexOf () para obter o índice especificado da matriz.

Sintaxe

A sintaxe a seguir é usada para o “índice de()”Método:

Variedade.indexOf ("elemento");

Exemplo

Aqui, usaremos a mesma variedade de “cores”Criado no exemplo anterior. Agora, obtenha o índice do objeto da matriz “vermelho”Usando o“índice de()”Método e armazene -o em uma variável“ColorIndex”:

const colorindex = cores.indexOf ("vermelho");

Então, verifique o índice da matriz se não for igual a -1, então substitua o objeto da matriz "vermelho" com "laranja”:

if (colorindex !== -1)
cores [colorindex] = 'laranja';

Por fim, imprima a nova matriz substituindo o elemento do Array:

console.log ("nova matriz:", cores);

Saída

Vamos ver outro método para substituir objetos em uma matriz.

Método 3: Substitua o objeto em uma matriz usando o loop

O objeto pode ser substituído em uma matriz, utilizando o “para" laço. Ele itera a matriz até que o valor especificado não ocorra; Sempre que o valor é comparado aos objetos da matriz, o método o substitui por um novo elemento.

Sintaxe

Use a sintaxe abaixo do loop for para substituir objetos em uma matriz:

para (var i = 0; i..

Exemplo

Aqui, a mesma matriz chamada “cores"É usado para substituir o"rosa"Com qualquer outro objeto"preto”Usando para o loop:

para (deixe colorindex = 0; índice < colors.length; colorIndex ++)
if (cores [colorindex] === 'rosa')
cores [colorindex] = 'preto';
quebrar;

Em seguida, imprima a matriz resultante usando o “console.registro()”Método:

console.log ("nova matriz:", cores);

A saída indica que o objeto da matriz original “rosa”É substituído pelo novo objeto“preto”:

Se você deseja substituir os elementos da matriz de uma matriz em qualquer índice especificado, siga a próxima seção.

Método 4: Substitua o objeto em uma matriz usando o método Splice ()

Use o método predefinido JavaScript “emenda ()”Para substituir objetos em uma matriz. Ele adiciona ou remove os elementos de matriz especificado e modifica a matriz original. É usado em uma combinação do método indexOf () para acessar o índice do elemento de matriz especificado e ceder.

Sintaxe

Siga a sintaxe dada para utilizar o método Splice () para substituir elementos em uma matriz:

variedade.Splice (StartIndex, DeleteCount, Element1,…, Elementn)

Aqui o "startIndex”É o local da matriz onde um novo elemento deve ser colocado,“DeleteCount”Indica quantos elementos devem ser eliminados e o“Element1,…, elementon”São os elementos que precisam ser substituídos.

Exemplo

Primeiro obteremos o índice do objeto da matriz “verde”Ao passar no“índice de()”Método e armazene -o em variável“ColorIndex”:

const colorindex = cores.indexOf ("verde");

Em seguida, chame o método Splice () e passe o índice de elemento “verde”Que é armazenado na variável ColorIndex, que será substituída,“1”É um deletecado significa eliminar apenas um elemento de uma matriz e“Branco”Como o substituto:

cores.emenda (colorindex, 1, 'branco');

Por fim, imprima a nova matriz no console:

console.log ("nova matriz:", cores);

Reunimos todas as melhores abordagens para substituir objetos de JavaScript Matrizes.

Conclusão

Para substituir o objeto em uma matriz, o JavaScript fornece alguns métodos predefinidos, como o uso do índice de uma matriz, o ““índice de()”Método, o loop for, ou o“emenda ()”Método. Todos esses métodos substituíram efetivamente um objeto de uma matriz. O primeiro método é a maneira mais comum de substituir os elementos de uma matriz, mas é útil em pequenas matrizes cujos índices são conhecidos. Neste blog, descrevemos as diferentes maneiras de substituir objetos em matrizes JavaScript.