2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
id: 587d78b2367417b2b2512b10
|
2021-01-12 08:18:51 -08:00
|
|
|
title: 使用 splice() 删除元素
|
2018-10-10 18:03:03 -04:00
|
|
|
challengeType: 1
|
2020-08-04 15:14:21 +08:00
|
|
|
forumTopicId: 301166
|
2021-01-13 03:31:00 +01:00
|
|
|
dashedName: remove-items-using-splice
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --description--
|
|
|
|
|
2021-01-12 08:18:51 -08:00
|
|
|
在之前的挑战中,我们已经学习了如何用 `shift()` 和 `pop()` 从数组的开头或末尾移除元素。但如果我们想删除数组中间的一个元素,或者想一次删除多个元素,该如何操作呢?这时候我们就需要使用 `splice()` 方法了,`splice()` 可以让我们从数组中的任意位置**连续删除任意数量的元素**。
|
2020-12-16 00:37:30 -07:00
|
|
|
|
2021-01-12 08:18:51 -08:00
|
|
|
`splice()` 最多可以接受 3 个参数,但现在我们先关注前两个。`splice()` 接收的前两个参数以调用 `splice()` 数组中的元素索引作为参考。别忘了,数组的索引是*从 0 开始的*,所以我们要用 `0` 来表示数组中的第一个元素。`splice()` 的第一个参数代表从数组中的哪个索引开始移除元素,而第二个参数表示要从数组中的这位位置删除多少个元素。例如:
|
2020-08-04 15:14:21 +08:00
|
|
|
|
|
|
|
```js
|
|
|
|
let array = ['today', 'was', 'not', 'so', 'great'];
|
|
|
|
|
|
|
|
array.splice(2, 2);
|
2021-01-12 08:18:51 -08:00
|
|
|
// 从索引为 2 的位置(即第三个元素)开始移除 2 个元素
|
|
|
|
// array 的值现在是 ['today', 'was', 'great']
|
2020-08-04 15:14:21 +08:00
|
|
|
```
|
|
|
|
|
2021-01-12 08:18:51 -08:00
|
|
|
`splice()` 不仅会修改调用该方法的数组,还会返回一个包含被移除元素的数组:
|
2020-08-04 15:14:21 +08:00
|
|
|
|
|
|
|
```js
|
|
|
|
let array = ['I', 'am', 'feeling', 'really', 'happy'];
|
|
|
|
|
|
|
|
let newArray = array.splice(3, 2);
|
2021-01-12 08:18:51 -08:00
|
|
|
// newArray 的值是 ['really', 'happy']
|
2020-08-04 15:14:21 +08:00
|
|
|
```
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --instructions--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2021-01-12 08:18:51 -08:00
|
|
|
我们已经定义了数组 `arr`。请使用 `splice()` 从 `arr` 里移除元素,使剩余的元素之和为 `10`。
|
2020-08-04 15:14:21 +08:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --hints--
|
2020-08-04 15:14:21 +08:00
|
|
|
|
2021-01-12 08:18:51 -08:00
|
|
|
不应修改这一行 `const arr = [2, 4, 5, 1, 7, 5, 2, 1];`。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
|
|
|
assert(code.replace(/\s/g, '').match(/constarr=\[2,4,5,1,7,5,2,1\];?/));
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
2021-01-12 08:18:51 -08:00
|
|
|
`ahr` 的剩余元素之和应为 `10`。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
assert.strictEqual(
|
|
|
|
arr.reduce((a, b) => a + b),
|
|
|
|
10
|
|
|
|
);
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
2021-01-12 08:18:51 -08:00
|
|
|
应对 `arr` 调用 `splice()` 方法。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
```js
|
|
|
|
assert(code.replace(/\s/g, '').match(/arr\.splice\(/));
|
|
|
|
```
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2021-01-12 08:18:51 -08:00
|
|
|
splice 应只删除 `arr` 里面的元素,不能给 `arr` 添加元素。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
assert(!code.replace(/\s/g, '').match(/arr\.splice\(\d+,\d+,\d+.*\)/g));
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
2020-08-04 15:14:21 +08:00
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
# --seed--
|
|
|
|
|
|
|
|
## --seed-contents--
|
|
|
|
|
|
|
|
```js
|
|
|
|
const arr = [2, 4, 5, 1, 7, 5, 2, 1];
|
|
|
|
// Only change code below this line
|
|
|
|
|
|
|
|
// Only change code above this line
|
|
|
|
console.log(arr);
|
|
|
|
```
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --solutions--
|
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
```js
|
|
|
|
const arr = [2, 4, 5, 1, 7, 5, 2, 1];
|
|
|
|
arr.splice(1, 4);
|
|
|
|
```
|