Operador De Extensión Javascript

| | | | | |

El operador de propagación de avascript expande una matriz en sintaxis que acepta argumentos. El operador de difusión se usa comúnmente para duplicar objetos, fusionar tablas o pasar el contenido de una lista de acuerdo con.

El operador de difusión. No, no tiene nada que ver con tostadas. En JavaScript, el operador de difusión tiene un significado específico: es una forma de acceder al contenido de un objeto iterable. Si bien puede no parecer tan divertido como poner una difusión en una tostada, saberlo es una herramienta increíblemente útil.

En esta guía, hablaremos sobre el operador de transmisión de JavaScript y cómo funciona. . Veremos algunos ejemplos de casos de uso comunes para que pueda comenzar.

¿Qué es el operador de entrega de JavaScript?

Operador de propagación Un JavaScript le permite acceder al contenido de un objeto iterable . El operador de transmisión es un conjunto de tres puntos (una elipse) seguido del nombre de los iterables a los que desea acceder. Este operador se introdujo en JavaScript ES6.

Los tres tipos de objetos iterativos son matrices, objetos literales y cadenas. Mediante el uso de un bucle, puede iterar a través de todos estos tipos de datos y realizar un proceso común en ellos.

Los objetos iterativos son útiles porque puede realizar el mismo proceso en ellos varias veces. Puede iterar a través de una cadena y reemplazar algunos caracteres. Puede iterar una matriz y crear un total de todos los valores ‚Äã‚Äãalmacenados en la matriz.

La sintaxis para el operador de transmisión es:.

En esta sintaxis, usamos ... nombres para pasar el contenido de nuestra lista de "nombres" a una lista llamada "nuevos_nombres". La lista "nuevos_nombres" contiene todos los elementos de la lista "nombres", junto con un nuevo nombre:. Leslie

Tres Los casos de uso comunes para el operador de transmisión son: ..

La sintaxis de distribución representa todos los elementos individuales de una lista

Operador de distribución de JavaScript:. . Hacer una copia de un iterable

El operador de transmisión es una forma eficiente de duplicar un iterativo, aunque hay otras formas de lidiar con este problema, el operador de transmisión es realmente fácil de usar. para crear una copia de un iterable, especifique tres puntos y el nombre de la matriz que desea crear

En nuestro último ejemplo, mostramos cómo funciona con una matriz, también podemos usar el operador de transmisión para duplicar Objetos JavaScript.

Nuestro código imprime lo siguiente en la consola JavaScript :

Estas son distinciones importantes que tenemos que hacer en este ejemplo. Creamos una copia de un objeto JavaScript. Esto significa que necesitamos usar llaves ({}) en lugar de corchetes ([]).

Segundo, en lugar de especificar una sola matriz, especificamos un objeto. Este objeto contiene tres claves y valores, cada uno de los cuales está relacionado con nuestro cupcake "Llovizna de limón".

¡Los casos de uso del operador de transmisión no se limitan a copiar iterables! Hay más para explorar. El operador de difusión se usa comúnmente para agregar elementos de un iterable a otro. Considere el siguiente ejemplo:

Nuestro código devuelve:

Hemos creado una copia de nuestro original Matriz JavaScript denominada" new_cupcakes ", que también incluye algunos valores adicionales ‚Äã‚Äãque creamos.

También puede usar la misma sintaxis para unir dos iterables. Todo lo que necesita hacer es especificar el dos iterables entre corchetes usando el operador de transmisión:

Nuestro código devuelve:

Se devuelve el mismo resultado que antes, pero esta vez unimos dos redes

JavaScript Propagación:.pas cantar argumentos a una función

Al pasar múltiples argumentos en una función de JavaScript , puede ser útil usar el operador de radiodifusión. Considere este ejemplo:

Nuestro código devuelve:

Hemos declarado una función llamada PlaceOrder () que toma tres argumentos y los imprime en la consola. Cada valor está precedido por una etiqueta que describe lo que contiene cada argumento.

Si bien este código es funcional, podemos especificar nuestros argumentos en una matriz y usar el operador de transmisión para pasarlos a nuestra función:

Nuestro código devuelve:

la salida de este código es la misma, pero la forma en que funciona nuestro código es diferente. En lugar de pasar los valores ‚Äã‚Äãdirectamente a nuestra función, especificamos estos valores ‚Äã‚Äãen una lista. Luego usamos el operador de transmisión para pasar estos valores ‚Äã‚Äãa nuestra función.