Добавление элементов с помощью splice ()
Помните, что в последнем вызове мы упоминали, что splice() может принимать до трех параметров? Ну, мы можем сделать еще один шаг с помощью splice() - в дополнение к удалению элементов, мы можем использовать этот третий параметр, который представляет один или несколько элементов, чтобы добавить их также. Это может быть невероятно полезно для быстрого переключения элемента или набора элементов для другого. Например, предположим, что вы храните цветовую схему для набора элементов DOM в массиве и хотите динамически изменять цвет на основе некоторых действий:
function colorChange (arr, index, newColor) {Эта функция принимает массив шестнадцатеричных значений, индекс, с которого нужно удалить элемент, и новый цвет для замены удаленного элемента. Возвращаемое значение представляет собой массив, содержащий новую измененную цветовую схему! Хотя этот пример немного упрощен, мы можем видеть, что значение, использующее
arr.splice (индекс, 1, newColor);
return arr;
}
let colorScheme = ['# 878787', '# a08794', '# bb7e8c', '# c9b6be', '# d1becf'];
colorScheme = colorChange (colorScheme, 2, '# 332327');
// мы удалили '# bb7e8c' и добавили '# 332327' на свое место
// colorScheme теперь равно ['# 878787', '# a08794', '# 332327', '# c9b6be', '# d1becf']
splice() может иметь максимальный потенциал.Мы определили функцию htmlColorNames , которая принимает в качестве аргумента массив цветов HTML. Измените функцию с помощью splice() чтобы удалить первые два элемента массива и добавить 'DarkSalmon' и 'BlanchedAlmond' в соответствующие места.