Javascript, использующий splice() для создания Todo

В этой статье мы создадим todo в консоли браузера. Это упражнение покажет, насколько мощным является метод соединения и как легко мы можем добавлять и удалять несколько элементов. Все манипуляции могут быть выполнены на массиве. Мы можем даже хранить в переменной удаленные или добавлять элементы. Мы можем удалять и добавлять элементы одновременно.

Давайте откроем инструменты разработчика с помощью F12 и перейдем на вкладку Консоль:

//Create basic array to play with
let example = ["kiwi","orange","lemon"]

Далее мы хотим добавить элемент:

example.splice(0,0, "apple")
//output for example ["apple","kiwi","orange","lemon"]

Далее мы хотим удалить элемент:

example.splice(0,1)
//output for example ["kiwi","orange","lemon"]

В другом сценарии мы можем даже сохранить элемент удаления в переменной:

let elemDel = example.splice(0,1)
//output for elemDel ["kiwi"]
//output for example ["orange","lemon"]

Следующая опция удаляет один элемент и ставит на его место другой:

let elemDel2 = example.splice(0,1,"apple")
//output for elemDel2 ["orange"]
//output for example ["apple","lemon"]

Этот пример показывает, насколько мощным может быть метод splice(), когда мы хотим манипулировать массивами.