62 lines
3.1 KiB
Markdown
62 lines
3.1 KiB
Markdown
|
---
|
|||
|
|
id: 587d78b2367417b2b2512b0e
|
|||
|
|
title: Add Items to an Array with push() and unshift()
|
|||
|
|
challengeType: 1
|
|||
|
|
videoUrl: ''
|
|||
|
|
localeTitle: 使用push（）和unshift（）将项添加到数组
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## Description
|
|||
|
|
<section id="description">数组的长度与它可以包含的数据类型一样，并不固定。可以使用任意数量的元素的长度来定义数组，并且可以随时间添加或移除元素;换句话说，数组是<dfn>可变的</dfn> 。在这个挑战中，我们将研究两种方法，我们可以用它们以编程方式修改数组： <code>Array.push()</code>和<code>Array.unshift()</code> 。两种方法都将一个或多个元素作为参数，并将这些元素添加到调用该方法的数组中; <code>push()</code>方法将元素添加到数组的末尾， <code>unshift()</code>将元素添加到开头。考虑以下： <blockquote>让二十三'='XXIII'; <br>让romanNumerals = ['XXI'，'XXII']; <br><br> romanNumerals.unshift（'XIX'，'XX'）; <br> //现在等于['XIX'，'XX'，'XXI'，'XXII'] <br><br> romanNumerals.push（二十三）; <br> //现在等于['XIX'，'XX'，'XXI'，'XXII'，'XXIII']请注意，我们也可以传递变量，这使我们可以更灵活地动态修改数组的数据。 </blockquote></section>
|
|||
|
|
|
|||
|
|
## Instructions
|
|||
|
|
<section id="instructions">我们定义了一个函数<code>mixedNumbers</code> ，我们将一个数组作为参数传递。修改函数使用<code>push()</code>和<code>unshift()</code>将<code>'I', 2, 'three'</code>到数组的开头，将<code>7, 'VIII', 9</code>到结尾，以便返回的数组包含数字的表示形式按顺序1-9。 </section>
|
|||
|
|
|
|||
|
|
## Tests
|
|||
|
|
<section id='tests'>
|
|||
|
|
|
|||
|
|
```yml
|
|||
|
|
tests:
|
|||
|
|
- text: '<code>mixedNumbers(["IV", 5, "six"])</code>现在应该返回<code>["I", 2, "three", "IV", 5, "six", 7, "VIII", 9]</code>'
|
|||
|
|
testString: 'assert.deepEqual(mixedNumbers(["IV", 5, "six"]), ["I", 2, "three", "IV", 5, "six", 7, "VIII", 9], "<code>mixedNumbers(["IV", 5, "six"])</code> should now return <code>["I", 2, "three", "IV", 5, "six", 7, "VIII", 9]</code>");'
|
|||
|
|
- text: <code>mixedNumbers</code>函数应该使用<code>push()</code>方法
|
|||
|
|
testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.push\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>push()</code> method");'
|
|||
|
|
- text: <code>mixedNumbers</code>函数应该使用<code>unshift()</code>方法
|
|||
|
|
testString: 'assert.notStrictEqual(mixedNumbers.toString().search(/\.unshift\(/), -1, "The <code>mixedNumbers</code> function should utilize the <code>unshift()</code> method");'
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
## Challenge Seed
|
|||
|
|
<section id='challengeSeed'>
|
|||
|
|
|
|||
|
|
<div id='js-seed'>
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
function mixedNumbers(arr) {
|
|||
|
|
// change code below this line
|
|||
|
|
|
|||
|
|
// change code above this line
|
|||
|
|
return arr;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// do not change code below this line
|
|||
|
|
console.log(mixedNumbers(['IV', 5, 'six']));
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
## Solution
|
|||
|
|
<section id='solution'>
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
// solution required
|
|||
|
|
```
|
|||
|
|
</section>
|