---
id: 587d78b3367417b2b2512b11
title: Add Items Using splice()
challengeType: 1
videoUrl: ''
localeTitle: Agregar elementos usando splice ()
---
## Description
¿Recuerda que en el último desafío mencionamos que splice() puede tomar hasta tres parámetros? Bueno, podemos ir un paso más allá con splice() ; además de eliminar elementos, podemos usar ese tercer parámetro, que representa uno o más elementos, para agregarlos también. Esto puede ser increíblemente útil para cambiar rápidamente un elemento, o un conjunto de elementos, por otro. Por ejemplo, digamos que está almacenando una combinación de colores para un conjunto de elementos DOM en un array, y desea cambiar dinámicamente un color en función de alguna acción: function colorCambiar (arr, index, newColor) {
arr.splice (index, 1, newColor);
volver arr;
}
vamos colorScheme = ['# 878787', '# a08794', '# bb7e8c', '# c9b6be', '# d1becf'];
colorScheme = colorChange (colorScheme, 2, '# 332327');
// eliminamos '# bb7e8c' y agregamos '# 332327' en su lugar
// colorScheme ahora es igual a ['# 878787', '# a08794', '# 332327', '# c9b6be', '# d1becf']
Esta función toma un array de valores hexadecimales, un índice para eliminar un elemento y el nuevo color para reemplazar el elemento eliminado. El valor de retorno es un array que contiene un esquema de color recién modificado. Si bien este ejemplo está un poco simplificado, podemos ver el valor que puede tener el uso de splice() en su potencial máximo.
## Instructions
Hemos definido una función, htmlColorNames , que toma un array de colores HTML como un argumento. Modifique la función utilizando splice() para eliminar los dos primeros elementos del array y agregue 'DarkSalmon' y 'BlanchedAlmond' en sus respectivos lugares.
## Tests
```yml
tests:
- text: 'htmlColorNames debería devolver ["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"]'
testString: 'assert.deepEqual(htmlColorNames(["DarkGoldenRod", "WhiteSmoke", "LavenderBlush", "PaleTurqoise", "FireBrick"]), ["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"], "htmlColorNames should return ["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurqoise", "FireBrick"]");'
- text: La función htmlColorNames debe utilizar el método splice()
testString: 'assert(/.splice/.test(code), "The htmlColorNames function should utilize the splice() method");'
- text: No debes usar shift() o unshift() .
testString: 'assert(!/shift|unshift/.test(code), "You should not use shift() or unshift().");'
- text: No debe utilizar la notación de soporte de matriz.
testString: 'assert(!/\[\d\]\s*=/.test(code), "You should not use array bracket notation.");'
```
## Challenge Seed
```js
function htmlColorNames(arr) {
// change code below this line
// change code above this line
return arr;
}
// do not change code below this line
console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush', 'PaleTurqoise', 'FireBrick']));
```
## Solution
```js
// solution required
```