87 lines
2.9 KiB
Markdown
87 lines
2.9 KiB
Markdown
---
|
|
id: 9d7123c8c441eeafaeb5bdef
|
|
title: Remueve elementos de un arreglo usando slice en lugar de splice
|
|
challengeType: 1
|
|
forumTopicId: 301236
|
|
dashedName: remove-elements-from-an-array-using-slice-instead-of-splice
|
|
---
|
|
|
|
# --description--
|
|
|
|
Un patrón común al trabajar con arreglos es cuando deseas eliminar elementos y conservar el resto del arreglo. JavaScript ofrece el método `splice` para esto, que toma argumentos para el índice de dónde comenzar a eliminar elementos, luego la cantidad de elementos para eliminar. Si no se proporciona el segundo argumento, el valor predeterminado es eliminar elementos hasta el final. Sin embargo, el método `splice` muta el arreglo original en el que se llama. Por ejemplo:
|
|
|
|
```js
|
|
var cities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
|
|
cities.splice(3, 1);
|
|
```
|
|
|
|
Aquí `splice` devluelve la "string" `London` y la elimina del arreglo `cities`. `cities` tendrá el valor de `["Chicago", "Delhi", "Islamabad", "Berlin"]`.
|
|
|
|
Como vimos en el último desafío, el método `slice` no muta el arreglo original, pero devuelve uno nuevo que puede ser guardado en una variable. Recuerda que el método `slice` recibe dos argumentos para indicar el comienzo y el final del segmento (el final es no inclusivo) y retorna estos elementos en un nuevo arreglo. Usar el método `slice` en lugar de `splice` ayuda a prevenir cualquier efecto colateral de mutar un arreglo.
|
|
|
|
# --instructions--
|
|
|
|
Reescribe la función `nonMutatingSplice` usando `slice` en lugar de `splice`. Debe limitar el arreglo proporcionado `cities` a una longitud de 3 y devolver un nuevo arreglo con solo los primeros tres elementos.
|
|
|
|
No modifiques el arreglo original proporcionado en la función.
|
|
|
|
# --hints--
|
|
|
|
Tu código debe usar el método `slice`.
|
|
|
|
```js
|
|
assert(code.match(/\.slice/g));
|
|
```
|
|
|
|
Tu código no debe usar el método `splice`.
|
|
|
|
```js
|
|
assert(!code.match(/\.?[\s\S]*?splice/g));
|
|
```
|
|
|
|
El arreglo `inputCities` no debe ser cambiado.
|
|
|
|
```js
|
|
assert(
|
|
JSON.stringify(inputCities) ===
|
|
JSON.stringify(['Chicago', 'Delhi', 'Islamabad', 'London', 'Berlin'])
|
|
);
|
|
```
|
|
|
|
`nonMutatingSplice(["Chicago", "Delhi", "Islamabad", "London", "Berlin"])` debe devolver `["Chicago", "Delhi", "Islamabad"]`.
|
|
|
|
```js
|
|
assert(
|
|
JSON.stringify(
|
|
nonMutatingSplice(['Chicago', 'Delhi', 'Islamabad', 'London', 'Berlin'])
|
|
) === JSON.stringify(['Chicago', 'Delhi', 'Islamabad'])
|
|
);
|
|
```
|
|
|
|
# --seed--
|
|
|
|
## --seed-contents--
|
|
|
|
```js
|
|
function nonMutatingSplice(cities) {
|
|
// Only change code below this line
|
|
return cities.splice(3);
|
|
|
|
// Only change code above this line
|
|
}
|
|
var inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
|
|
nonMutatingSplice(inputCities);
|
|
```
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
function nonMutatingSplice(cities) {
|
|
// Only change code below this line
|
|
return cities.slice(0,3);
|
|
// Only change code above this line
|
|
}
|
|
var inputCities = ["Chicago", "Delhi", "Islamabad", "London", "Berlin"];
|
|
nonMutatingSplice(inputCities);
|
|
```
|