Aprenda los conceptos básicos del operador de propagación de JavaScript
Puedes expandir una matriz, un objeto o una cadena utilizando el operador de propagación ...
.
Comencemos con un ejemplo de matriz. Dado
const a = [1, 2, 3]
Puedes crear una nueva matriz usando
const b = [...a, 4, 5, 6]
También puedes crear una copia de una matriz usando
const c = [...a]
Esto también funciona para objetos. Clona un objeto con:
const newObj = { ...oldObj }
Usando cadenas, el operador de propagación crea una matriz con cada carácter en la cadena:
const hey = 'hey'const arrayized = [...hey] // ['h', 'e', 'y']
Este operador tiene algunas aplicaciones bastante útiles. La más importante es la capacidad de utilizar una matriz como argumento de una función de una manera muy sencilla:
const f = (foo, bar) = {}const a = [1, 2]f(...a)
El elemento rest es útil cuando se trabaja con la desestructuración de matrices :
const numbers = [1, 2, 3, 4, 5]const [first, second, ...others] = numbers
y elementos de difusión :
const numbers = [1, 2, 3, 4, 5]const sum = (a, b, c, d, e) = a + b + c + d + econst result = sum(...numbers)
ES2018 introduce propiedades de descanso, que son las mismas pero para los objetos. Fotos Porno y actrices porno
Propiedades del resto :
const { first, second, ...others } = { first: 1, second: 2, third: 3, fourth: 4, fifth: 5}first // 1second // 2others // { third: 3, fourth: 4, fifth: 5 }
Las propiedades de propagación permiten crear un nuevo objeto combinando las propiedades del objeto pasadas después del operador de propagación:
const items = { first, second, ...others }items //{ first: 1, second: 2, third: 3, fourth: 4, fifth: 5 }
También es la manera perfecta de fusionar dos objetos simples en uno:
const object1 = { name: 'Flavio'}const object2 = { age: 35}const object3 = {...object1, ...object2 }
Tips para principiantes de JavaScript
Tal vez te puede interesar:
- Cómo generar un número aleatorio entre dos números en JavaScript
- Cómo esperar el evento DOM listo en JavaScript simple
- Cómo determinar si una fecha es hoy en JavaScript
- Cómo contar el número de propiedades en un objeto JavaScript
El operador de propagación de JavaScript
Puedes expandir una matriz, un objeto o una cadena utilizando el operador de propagación .... Aprenda los conceptos básicos del operador de propagación de J
programar
es
https://aprendeprogramando.es/static/images/programar-el-operador-de-propagacion-de-javascript-2064-0.jpg
2024-10-15
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente