Sé sobre el operador de propagación ... en JavaScript. Podemos usarlo tanto en matrices como en objetos:
let user = { name: "aman", rollno: 11 } let newobj1 = {...user} let newobj2 = [...user] console.log(newobj1) console.log(newobj2) ¿Por qué newobj2 da un error, TypeError: user is not iterable , pero newobj1 funciona bien?
{...user} simplemente crea un nuevo objeto con las mismas propiedades que el user .
[...user] , por otro lado, itera a través del objeto y agrega los valores que encuentra en la matriz que devuelve. Si no hay forma de iterar, ya que no hay forma predeterminada en un objeto simple (a diferencia de una matriz), entonces esto no funciona y genera el error que ha citado.
Como siempre, hay mucha más información sobre esto en MDN . Tenga en cuenta en particular la siguiente sección:
La sintaxis extendida (excepto en el caso de las propiedades extendidas) solo se puede aplicar a objetos iterables como
Arrayo con funciones de iteración comomap(),reduce()yassign().Muchos objetos no son iterables, incluido
Object:let obj = {'key1': 'value1'}; let array = [...obj]; // TypeError: obj is not iterablePara usar la sintaxis extendida con estos objetos, deberá proporcionar una función de iterador.
Y tenga en cuenta que la "sintaxis extendida" a la que se hace referencia aquí es la versión de "distribución de matriz". "Dispersión de objetos" es bastante diferente y se explica en esta parte de la página,
{...usuario}
significa que crea un nuevo objeto y distribuye todos los datos del user dentro de él.
Cuando se supone que debes ejecutar
[...usuario]
intenta crear una nueva matriz y luego distribuir el objeto de user dentro.