2.4 KiB

Raw Blame History

id	title	challengeType	forumTopicId	dashedName
587d78b3367417b2b2512b11	使用 splice() 添加元素	1	301152	add-items-using-splice

--description--

還記得在上個挑戰中我們提到 splice() 方法最多可以接收 3 個參數嗎？第三個參數可以是一個或多個元素，這些元素會被添加到數組中。這樣，我們能夠便捷地將數組中的一個或多個連續元素換成其他的元素。

const numbers = [10, 11, 12, 12, 15];
const startIndex = 3;
const amountToDelete = 1;

numbers.splice(startIndex, amountToDelete, 13, 14);
console.log(numbers);

第二個 12 已被刪除，我們在同一索引處添加 13 和 14。 numbers 數組現在將會是 [ 10, 11, 12, 13, 14, 15 ]。

在上面的代碼中，數組一開始包含了若干數字。接着，我們調用 splice() 方法，索引爲 (3) 的地方開始刪除元素，刪除的元素數量是 (1)。然後，(13, 14) 是在刪除位置插入的元素。可以在 amountToDelete 後面傳入任意數量的元素（以逗號分隔），每個都會被插入到數組中。

--instructions--

我們已經定義了一個 htmlColorNames 函數，它以一個 HTML 顏色的數組作爲輸入參數。請修改這個函數，使用 splice() 來移除數組中的前兩個元素，並在對應的位置上添加 'DarkSalmon' 和 'BlanchedAlmond'。

--hints--

htmlColorNames 應返回 ["DarkSalmon", "BlanchedAlmond", "LavenderBlush", "PaleTurquoise", "FireBrick"]。

assert.deepEqual(
  htmlColorNames([
    'DarkGoldenRod',
    'WhiteSmoke',
    'LavenderBlush',
    'PaleTurquoise',
    'FireBrick'
  ]),
  [
    'DarkSalmon',
    'BlanchedAlmond',
    'LavenderBlush',
    'PaleTurquoise',
    'FireBrick'
  ]
);

htmlColorNames 函數中應調用 splice() 方法。

assert(/.splice/.test(code));

不應使用 shift() 或 unshift()。

assert(!/shift|unshift/.test(code));

不應使用數組的方括號表示法。

assert(!/\[\d\]\s*=/.test(code));

--seed--

--seed-contents--

function htmlColorNames(arr) {
  // Only change code below this line

  // Only change code above this line
  return arr;
}

console.log(htmlColorNames(['DarkGoldenRod', 'WhiteSmoke', 'LavenderBlush', 'PaleTurquoise', 'FireBrick']));

--solutions--

function htmlColorNames(arr) {
  arr.splice(0,2,'DarkSalmon', 'BlanchedAlmond');
  return arr;
}

2.4 KiB Raw Blame History