Trabajar con objetos y matrices usando Rest y Spread

Aprendizaje de dos técnicas modernas para trabajar con matrices y objetos en JavaScript

Puedes expandir una matriz, un objeto o una cadena utilizando el operador de propagación ... .

Comenzamos con un ejemplo de matriz. Friso

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. Lo más importante es la capacidad de utilizar una matriz como argumento de una función de una manera muy sencilla:

const f = (arg1, arg2) = {}const a = [1, 2]f(...a)

(en el pasado se podía hacer esto usando f.apply(null, a)pero no es tan agradable ni legible)

El elemento rest es útil cuando se trabaja con la desestructuración de matrices :

const numbers = [1, 2, 3, 4, 5][first, second, ...others] = numbers

y elementos de difusión :Te recomendamos Calefactor electrico

const numbers = [1, 2, 3, 4, 5]const sum = (a, b, c, d, e) = a + b + c + d + econst sumOfNumbers = sum(...numbers)

ES2018 introduce propiedades de descanso, que son las mismas pero para los objetos.

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 }

Tips para principiantes de JavaScript

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase

Trabajar con objetos y matrices usando Rest y Spread

Puedes expandir una matriz, un objeto o una cadena utilizando el operador de propagación ... . Aprendizaje de dos técnicas modernas para trabajar con matrice

programar

es

2025-01-17

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