logo

Javascript Array Methods Ep.2

Ahoj 👋
Vítejte u 2. epizody mé show Array Methods Explain Show.

jako vždy, pokud jste zde, předpokládám, že musíte předem znát javascript a pole.

v této epizodě budeme diskutovat pouze o jedné metodě
což je:SPLICE

Toto je nejlepší metoda ve zbrojnici javascriptových polí, protože ji lze použít k vložení, nahrazení nebo odstranění prvku z pole.

syntaxe metody spojování je:

  • start :
The starting index from which you want to modify the array. 
If start > length of array, then start will be set to length of array. 
If start = -1, then start will be set to last element
  • deleteCount (volitelné):
The count of elements you want to remove starting from start, if its value is equal or larger than array.length then all elements are removed. 
If its value is 0, then no element is removed, but then providing item1 parameter becomes compulsory.
  • položka1, položka2, položka3, .... položkaN :
The elements to add, beginning from start. 
If not provided then only elements are deleted.

Vrací prvek smazaných prvků pole, pokud není smazán žádný prvek, je vráceno prázdné pole.

Nyní se podívejme na některé příklady pro lepší pochopení

  • Odstranění n prvků z i-tého indexu. začněme jako 1 a n jako 1
let colors = ["Red", "Blue", "Yellow", "White", "Black"];

colors.splice(1,1); // from index : 1, delete 1 item
console.log(colors); // ["Red", "Yellow", "White", "Black"]
  • Nyní smažeme 2 prvky a nahradíme je „růžovými“ a „fialovými“
let colors = ["Red", "Blue", "Yellow", "White", "Black"];

colors.splice(2, 2, "Pink", "Purple"); // from index : 2, delete 2 item, add two items
console.log(colors); // ["Red", "Blue", "Pink", "Purple", "Black"]
  • Nyní stačí přidat jeden prvek „šedý“, aniž bychom smazali jakýkoli prvek
let colors = ["Red", "Blue", "Yellow", "White", "Black"];

colors.splice(1, 0, "Grey"); // from index 1, delete 0 item, add 1 item
console.log(colors); // ["Red", "Grey", "Blue", "Yellow", "White", "Black"]
  • Poslední spojení vrátí pole odstraněných prvků
let colors = ["Red", "Blue", "Yellow", "White", "Black"];

let value = colors.splice(3, 1); // from index 3, delete 1 item
console.log(value); // ["White"]
console.log(colors); // ["Red", "Blue", "Yellow", "Black"]