Operador de propagación de JavaScript explicó

JavaScript admite numerosos operadores, métodos y funciones para que el código sea comprensible y reutilizable fácilmente. Uno de los operadores conocidos, el operador de propagación se practica recuperando elementos de variables de varios tipos de datos (i.mi., cadenas, matrices, objetos, etc.). Además, el uso del operador de propagación es múltiple de tal manera que se pueda usar para copiar elementos de matriz, concatenar matrices, agregar cualquier elemento a una matriz existente y muchos más.

Esta guía proporciona el funcionamiento del operador spread en JavaScript con sus usos de colector. El siguiente contenido se cubriría en este artículo:

1. Cómo funciona el operador spread en JavaScript
2. Cómo usar el operador spread en JavaScript

Cómo funciona el operador spread en JavaScript

La sintaxis del operador de propagación es similar al operador REST como se puede ver a continuación.

... var

Aunque la sintaxis del operador REST y DIREPTER es la misma, tienen una funcionalidad diferente para ofrecer. El operador REST devuelve la combinación de elementos en una variable de matriz mientras que el operador de propagación se extiende el objeto en elementos individuales.

Cómo concatenar matrices usando el operador de propagación

Lo que te viene a la mente mientras concatena matrices? método concat (), derecho? Sin embargo, el operador de propagación también se puede usar para unir dos o más matrices en una sola. El código que se proporciona a continuación se refiere a la concatenación de matrices en JavaScript utilizando el operador spread.

var arr1 = [1, 2, 3]
var arr2 = [4, 5, 6]
var arr3 = [... arr1, ... arr2];
consola.log (arr3);

El código anterior crea dos matrices nombradas arr1 y arr2. Más tarde, estas matrices se unen utilizando un operador de propagación y se almacenan en otra matriz llamada arr3.

Producción

La salida muestra que el operador de propagación ha concatenado dos matrices.

Cómo agregar nuevos elementos a una matriz utilizando el operador spread

El siguiente código se refiere a usar el operador spread para agregar nuevos elementos a una matriz.

var arr1 = [1, 2, 3]
arr1 = [... arr1, 4, 5];
consola.log (arr1);

El código anterior crea una variedad de números que tiene tres elementos. Sin embargo, mediante el uso del operador de propagación se agregan otros dos elementos al ARR1.

Producción

La salida muestra que se agregan dos elementos nuevos de ARR1.

Cómo usar el operador spread con funciones matemáticas

En JavaScript, las funciones matemáticas se utilizan para realizar algunos cálculos en los datos. Puede usar el operador spread con funciones de coincidencia para realizar los cálculos de manera más efectiva como se practicaría en el siguiente código.

var arr1 = [11, -22, 13, -44, 35]
consola.registro (matemáticas.max (... arr1));

El código anterior crea una matriz de números y Matemáticas.máximo La función se utiliza en los valores de matriz utilizando el operador de propagación.

Producción

La salida muestra que el Matemáticas.Max () función se ha aplicado en el ARR1 con la ayuda del operador de propagación y el valor máximo del ARR1 es regresado.

Cómo convertir "cadena en una matriz de caracteres de cadena" utilizando el operador de propagación

El código que se proporciona a continuación utiliza un operador de propagación para convertir la cadena en una matriz de cadenas.

var x = "linuxhint";
var arr = [... x];
consola.log (arr);

El código anterior inicializa una cadena y luego el operador de propagación separa los caracteres de la cadena en una matriz de cadenas.

Producción

La salida muestra que el operador de propagación ha separado los caracteres de la cadena y se almacena en una matriz.

Cómo usar el operador de propagación en la llamada de función

El código que se proporciona a continuación utiliza un operador de propagación para ser utilizado para pasar múltiples argumentos.

función add (a, b, c, d, e)
consola.log (a+b+c+d+e)

var args = [10, 14, 18]
agregar (... args, 5, 8);

Una función agregar se crea que acepta cinco valores como argumentos y agrega estos valores. El argumentos es una variedad de números que contienen tres elementos. Al llamar a la función, los valores en argumentos se ejercen con el operador de propagación y dos parámetros se usan individualmente para completar los cinco argumentos.

Producción

La salida muestra que el Función ADD () se llama con el Args, 5 y 8. El argumentos Comprender tres valores que se extenderían sobre la función.

Conclusión

El operador de propagación le permite extraer los elementos y extenderlos a individuos. El operador spread llegó al negocio en ES6 (la última versión de JS lanzada en 2015). Este artículo demuestra el trabajo y el uso de un operador spread en JavaScript. Con la ayuda del operador de propagación, se puede concatenar matrices, agregar nuevos elementos a una matriz, descomponer la cadena en caracteres individuales y muchos más. Todos los usos mencionados anteriormente del operador spread se explican aquí con la ayuda de ejemplos.