perdóname, como todavía soy nuevo, espero estar explicando esto para que tenga sentido
Quería insertar varios elementos en la función addItem (por ejemplo) console.log ("forks", "laptop", "juice"). Solo puedo insertar el primer elemento. Si divido las cadenas en argumentos separados, cuando devuelvo la llamada a la función, solo obtengo el último argumento.
const cart = { contents: [], addItem(item) { cart.contents = (item) contents.push(...item); //tried it with and without the spread operator. }, removeItem(deletedItem) { delete cart.contents[deletedItem]; } }; cart.addItem("laptop"); cart.addItem("guitar"); cart.addItem("phone"); cart.removeItem("guitar") console.log(`The cart contains: ${cart.contents}`);Tienes que hacer que item sea un parámetro de descanso :
const cart = { contents: [], addItem(...item) { this.contents.push(...item); }, removeItem(deletedItem) { this.contents.splice(this.contents.indexOf(deletedItem), 1); } }; cart.addItem("laptop", "guitar", "phone"); cart.removeItem("guitar") console.log(`The cart contains: ${cart.contents}`); Además, no utilice delete para eliminar un elemento. En su lugar, use splice() .
estaba bastante cerca con el operador de propagación, su código solo necesitaba un pequeño cambio, con este cambio puede pasar múltiples elementos como valores separados o incluso una matriz con múltiples elementos, incluso múltiples matrices con múltiples valores.
terminan siendo siempre una simple matriz de cadenas, aquí está su código de trabajo.
const cart = { contents: [], addItem: (...items) => { cart.contents = [...cart.contents, ...items]; }, removeItem(deletedItem) { this.contents.splice(this.contents.indexOf(deletedItem), 1); } }; // multiple values cart.addItem("laptop", "guitar", "phone"); console.log(`The cart contains: ${cart.contents}`); // array of values cart.addItem(['new laptop', 'new guitar', 'new phone']); console.log(`The cart contains: ${cart.contents}`); // multiple arrays cart.addItem(['inner laptop1', 'inner guitar1', 'inner phone1'], ['inner laptop2', 'inner guitar2', 'inner phone2'], ['inner laptop3', 'inner guitar3', 'inner phone3']); console.log(`The cart contains: ${cart.contents}`);