freeCodeCamp/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-data-structures/add-items-using-splice.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d78b3367417b2b2512b11	Видалити елементи за допомогою функції splice()	1	301152	add-items-using-splice

--description--

Пам'ятаєте, в попередньому завданні ми згадували, що splice() може приймати до трьох параметрів? Що ж, ви можете використовувати третій параметр, що складається з одного або декількох елементів, для додавання в масив. Це може бути неймовірно корисно для швидкої зміни елемента або набору елементів для іншого елемента.

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;
}