Cómo llenar los valores de matriz en JavaScript

¿Alguna vez se ha encontrado con una situación en la que se requiere crear una matriz de JavaScript con algunos valores predefinidos, o desea sobrescribir los elementos de una matriz existente con valores estáticos? En tales escenarios, se hace necesario llenar el valores de matriz.

Javascript Ofrece varios métodos que se pueden usar para llenar los valores en una matriz como "Formación.llenar()","Formación.de()","Array Push ()"Métodos, y operador de propagación "[…]", dónde "Formación.llenar()"El método llena una matriz existente con los nuevos valores, y"Formación.llenar()"Y los otros dos métodos crean una nueva instancia de matriz y luego los llenan con los valores estáticos especificados.

Esta redacción discutirá diferentes métodos para llenar los valores de matriz en JavaScript. Entonces, comencemos!

Cómo llenar los valores de matriz en JavaScript

Puede usar cualquiera de los siguientes enfoques para llenar los valores de matriz en JavaScript:

1. Utilizando el Formación.llenar() método
2. Utilizando el Array Push () método y en bucle
3. Utilizando el Formación.de() método
4. Utilizando el Operador de propagación […] y el mapa() función

Ahora explicaremos cada uno de los métodos mencionados anteriormente en detalle.

Cómo llenar los valores de matriz en JavaScript usando Array.Método Fill ()

En JavaScript, el "Formación.llenar()El método se utiliza para relleno un formación con valores estáticos. Se puede usar para llenar una parte particular de una matriz o toda la matriz.

Sintaxis

formación.llenar (valor, inicio, final)

Aquí el "formación.llenar()"El método reemplazará los elementos del formación con la estática "valor"; "comenzar," y "fin"Son los argumentos opcionales que representan el a partir de y índice final de la matriz, en el que entre estos índices los valores estáticos se colocarán.

Ejemplo 1

En primer lugar, crearemos un JavaScript "formación"Tener los siguientes valores:

var array = ["verano", "invierno", "primavera"];

Entonces, invocaremos el "formación.llenar()"Método para llenar toda la matriz con"Otoño" valor:

formación.llenar ("otoño");

La ejecución del código anterior mostrará el siguiente resultado:

Ejemplo 2

En el siguiente ejemplo, intentaremos llenar el original "formación"Elementos con"Otoño"En el índice"0" y "1":

formación.llenar ("otoño", 0, 2);

Tenga en cuenta que el índice final "2"No incluirá en esta operación:

Cómo llenar los valores de matriz en JavaScript usando el método Array Push () y para el bucle

Otro método utilizado para llenar una matriz es el Array "Push ()" método. Este método ayuda a agregar uno o más valores a la matriz. También se utiliza en combinación con el "en bucle”Para llenar una matriz con valores estáticos.

Sintaxis

formación.push ('valor');

Aquí, el JavaScript "formación"Estará lleno de la estática"valor" utilizando el "empujar()" método.

Ejemplo

Crearemos una constante "longitud"Tener el valor"5"Y un vacío"formación":

longitud const = 5;
const array = [];

A continuación, usaremos el "en bucle"Para recorrer la matriz y"empujar()"Método para llenar la matriz con el"primavera" valor:

para (deja i = 0; yo < length; i++)
formación.push ('primavera');

consola.log (matriz);

La salida dada significa que todo "formación"Está lleno de"primavera" valor:

Cómo llenar los valores de matriz en JavaScript usando Array.del método ()

El javascript "Formación.de()El método se utiliza para crear una nueva instancia de matriz a partir de un objeto iterable o similar a la matriz. Este método acepta un objeto similar a una matriz como argumento y devuelve la matriz recién creada.

Sintaxis

Formación.De (Object, MapFunction, Thisarg)

Aquí el "objeto"Representa el objeto JavaScript que debe convertirse en una matriz", ",mapa"Es un parámetro opcional que se refiere a la función de mapa que llenará la matriz con el resultado de la función. Por último, cuando se ejecuta la función de mapa especificada, "thantarg" se usa como "este" valor.

Ejemplo

Usando "Formación.de()"Método, crearemos un objeto de matriz vacío cuyo"longitud"La propiedad está establecida"5"Y llénelo con el valor"primavera"Usando la función de mapa:

varilla var = matriz.De (longitud: 5, () => ('Spring'))
consola.log (matriz);

Como puede ver, la ejecución de lo dado "Formación.de()"Agregará el"primavera"Valor para los cinco índices de"formación":

Cómo llenar los valores de la matriz en JavaScript utilizando la función del operador spread [...] y map ()

El operador de propagación "[…]"Es otra característica útil de JavaScript ES6 que se puede usar en combinación con el"mapa()"Función para expandir una matriz y llenarla con algunos valores específicos.

Sintaxis

[... nueva matriz ()].MAP (() => 'Valor')

Aquí el operador de propagación "[…]"Creará una nueva matriz y luego la pasará al"mapa()"Función para llenar todos los índices con el"valor".

Ejemplo

En este ejemplo, el operador de propagación "[…]"Creará un nuevo"formación"Con la longitud"5"Y lo inicializó con un"indefinido" valor. Después de hacerlo, el "mapa()"La función asignará las nuevas instancias de objeto a"Otoño" valor:

Let Array = [... nueva matriz (5)].map (() => 'otoño');
consola.log (matriz);

La salida dada muestra que hemos llenado con éxito el "formación"Con el valor especificado:

Hemos compilado diferentes métodos para llenar una matriz con valores. Elija cualquiera de ellos de acuerdo con sus requisitos.

Conclusión

El javascript "Formación.llenar()","Formación.de()"Métodos, combinación de"Array Push () método y en bucle" y "Operador de propagación […] y mapa() función ”se utilizan para llenar los valores de la matriz. Usando la matriz.Método Fill (), una matriz ya creada se puede llenar con los nuevos valores. En contraste, la matriz.del método () y las otras dos combinaciones se utilizan para crear una nueva instancia de matriz y luego llenarla con el valor especificado. Este artículo discutió diferentes métodos para llenar los valores de matriz en JavaScript.