Como preencher valores de matriz em javascript

Você já se deparou com uma situação em que a criação de uma matriz de JavaScript com alguns valores predefinidos é necessária ou deseja substituir os elementos de uma matriz existente com valores estáticos? Em tais cenários, torna -se necessário preencher o valores de matriz.

JavaScript Oferece vários métodos que podem ser usados ​​para preencher valores em uma matriz como “Variedade.preencher()","Variedade.de()","Array Push ()”Métodos e Operador espalhado ““[…]", onde "Variedade.preencher()”O método preenche uma matriz existente com os novos valores e“Variedade.preencher()”E os outros dois métodos criam uma nova instância de matriz e depois os preenchem com os valores estáticos especificados.

Este artigo discutirá diferentes métodos para preencher os valores da matriz em JavaScript. Então vamos começar!

Como preencher valores de matriz em javascript

Você pode usar qualquer uma das seguintes abordagens para preencher os valores da matriz no JavaScript:

1. Usando o Variedade.preencher() método
2. Usando o Array Push () método e para loop
3. Usando o Variedade.de() método
4. Usando o Operador espalhado […] e a mapa() função

Vamos agora explicar cada um dos métodos mencionados acima em detalhes.

Como preencher os valores da matriz em JavaScript usando a matriz.método de preenchimento ()

Em JavaScript, o “Variedade.preencher()”O método é utilizado para enchimento um variedade com valores estáticos. Pode ser usado para preencher uma parte específica de uma matriz ou de toda a matriz.

Sintaxe

variedade.preencher (valor, início, fim)

Aqui o "variedade.preencher()”Método substituirá os elementos do variedade com a estática “valor“; ““começar," e "fim”São os argumentos opcionais que representam o iniciando e ÍNDICE DE ENÍCIO da matriz, em que entre esses índices os valores estáticos serão colocados.

Exemplo 1

Primeiro de tudo, criaremos um JavaScript “variedade”Tendo os seguintes valores:

var array = ["verão", "inverno", "primavera"];

Então, vamos invocar o “variedade.preencher()”Método para preencher toda a matriz com“Outono" valor:

variedade.preencher ("outono");

A execução do código acima do rumo mostrará a seguinte saída:

Exemplo 2

No próximo exemplo, tentaremos preencher o original “variedade”Elementos com“Outono"No índice"0" e "1”:

variedade.preenchimento ("outono", 0, 2);

Observe que o índice final “2”Não incluirá nesta operação:

Como preencher os valores da matriz em JavaScript usando o método Array push () e para loop

Outro método usado para preencher uma matriz é o Array “push ()” método. Este método ajuda a adicionar um ou mais valores à matriz. Também é utilizado em combinação com o “para loop”Para preencher uma matriz com valores estáticos.

Sintaxe

variedade.push ('valor');

Aqui, o JavaScript “variedade”Será preenchido com a estática“valor”Usando o“empurrar()”Método.

Exemplo

Vamos criar uma constante “comprimento"Tendo o valor"5"E um vazio"variedade”:

const comprimento = 5;
const array = [];

Em seguida, usaremos o “para loop”Para dar um loop sobre a matriz e“empurrar()”Método para preencher a matriz com o“primavera" valor:

para (vamos i = 0; i < length; i++)
variedade.push ('primavera');

console.log (matriz);

A saída fornecida significa que todo "variedade”Está cheio do“primavera" valor:

Como preencher os valores da matriz em JavaScript usando a matriz.de () método

O javascript “Variedade.de()”O método é utilizado para criar uma nova instância de matriz a partir de um objeto iterável ou semelhante a uma matriz. Este método aceita um objeto semelhante a uma matriz como um argumento e retorna a matriz recém-criada.

Sintaxe

Variedade.de (objeto, mapfunção, thisArg)

Aqui o "objeto”Representa o objeto JavaScript que precisa ser convertido em uma matriz,“Mapfunção”É um parâmetro opcional que se refere à função de mapa que preencherá a matriz com o resultado da função. Por fim, quando a função de mapa especificada é executada, “thisarg" é usado como "esse" valor.

Exemplo

Usando "Variedade.de()”Método, criaremos um objeto de matriz vazio cujo“comprimento”Propriedade está definida“5”E preencha -o com o valor“primavera”Usando a função do mapa:

var Array = Array.de (comprimento: 5, () => ('primavera'))
console.log (matriz);

Como você pode ver, a execução do dado “Variedade.de()”Vai adicionar o“primavera”Valor para todos os cinco índices de“variedade”:

Como preencher os valores da matriz em JavaScript usando o operador de spread […] e a função Map ()

O operador de spread “[…]”É outro recurso útil do JavaScript ES6 que pode ser usado em combinação com o“mapa()”Função para expandir uma matriz e preenchê -la com alguns valores específicos.

Sintaxe

[… New Array ()].mapa (() => 'valor')

Aqui o operador de spread “[…]”Criará uma nova matriz e depois a passará para o“mapa()”Função para preencher todos os índices com o“valor““.

Exemplo

Neste exemplo, o operador de spread “[…]”Criará um novo“variedade"Com o comprimento"5”E inicializou com um“indefinido" valor. Depois de fazer isso, o “mapa()”A função mapeará as novas instâncias de objeto para“Outono" valor:

Deixe Array = [… New Array (5)].mapa (() => 'outono');
console.log (matriz);

A saída fornecida mostra que preenchemos com sucesso o “variedade”Com o valor especificado:

Nós compilamos diferentes métodos para preencher uma matriz com valores. Escolha qualquer um deles de acordo com seus requisitos.

Conclusão

O javascript “Variedade.preencher()","Variedade.de()”Métodos, combinação de“Array Push () método e para loop" e "Operador espalhado […] e mapa() função ”são usados ​​para preencher os valores da matriz. Usando a matriz.método de preenchimento (), uma matriz já criada pode ser preenchida com os novos valores. Por outro lado, a matriz.de () o método e as outras duas combinações são utilizadas para criar uma nova instância de matriz e depois preenchê -lo com o valor especificado. Este artigo discutiu diferentes métodos para preencher os valores da matriz em JavaScript.