Разјаснимо забуну око метода слице (), сплице () и сплит () у ЈаваСцрипт-у

ЈаваСцрипт уграђени методи нам помажу у програмирању када их правилно разумемо. Ја бих да објасним три од њих у овом чланку: о slice(), splice()и split()методе. Можда зато што је њихово именовање толико слично, често су збуњени, чак и међу искусним програмерима.

Саветујем студентима и млађим програмерима да пажљиво прочитају овај чланак, јер се ове три методе могу тражити и у ПОСЛОВНИМ ИНТЕРВЈУИМА.

На крају можете пронаћи резиме сваке методе. Ако желите, такође можете погледати видео верзију испод:

Па кренимо ...

ЈаваСцрипт низови

Прво, морате да разумете како функционишу ЈаваСцрипт низови . Као и у другим програмским језицима, користимо низове за складиштење више података у ЈС. Али разлика је у томе што ЈС низови могу одједном да садрже различите врсте података.

Понекад треба да радимо операције на тим низовима. Тада користимо неке ЈС методе попут слице () и сплице () . Испод можете видети како се декларише низ у ЈаваСцрипт-у:

let arrayDefinition = [];   // Array declaration in JS

Сада прогласимо још један низ са различитим типовима података. У наставку ћу га користити у примерима:

let array = [1, 2, 3, "hello world", 4.12, true];

Ова употреба је важећа у ЈаваСцрипт-у. Низ са различитим типовима података: низ, бројеви и логичка вредност.

Слице ()

Тхе кришка () метод копира дати део низа и враћа да копира део као нови низ. Не мења оригинални низ.

array.slice(from, until);

  • Од: Нарежите низ почевши од индекса елемента
  • До: Пресеци низ до индекса другог елемента

На пример, желим да исечем прва три елемента из горњег низа. Пошто је први елемент низа увек индексиран на 0, почињем да режем „од“ 0.

array.slice(0, until);

Сада је ово зезнути део. Када желим да сече прве три елемента, морам дати до параметар као 3. метод парче () не садржи последњи дати елемент.

array[0] --> 1 // included array[1] --> 2 // included array[2] --> 3 // included array[3] --> "hello world" // not included

То може створити забуну. Зато други параметар називам „док“.

let newArray = array.slice(0, 3);   // Return value is also an array

Коначно, пресечени Арраи доделим променљивој невАрраи . Сада да видимо резултат:

Важна напомена: Слице () метода се такође може користити за низове.

Спој ()

Назив ове функције је врло сличан слице () . Ова сличност именовања често збуњује програмере. Уплитања () метода промени низ, додавањем или уклањањем елемената од њега. Погледајмо како додати и уклонити елементе помоћу спојнице ( ) :

Уклањање елемената

За уклањање елемената морамо дати параметар индекса и број елемената који се уклањају:

array.splice(index, number of elements);

Индекс је полазна тачка за уклањање елемената. Елементи који имају мањи индексни број од датог индекса неће се уклонити:

array.splice(2);  // Every element starting from index 2, will be removed

Ако не дефинишемо други параметар, сваки елемент који почиње од датог индекса уклониће се из низа:

Као други пример, дајем други параметар као 1, тако да ће се елементи који почињу од индекса 2 уклањати један по један сваки пут када позовемо методу спајања () :

array.splice(2, 1);

Након првог позива:

Након другог позива:

Ово се може наставити све док више не буде постојао индекс 2.

Додавање елемената

За додавање елемената треба да их дамо као трећи, четврти, пети параметар (зависи од тога колико их треба додати ) методи сплице () :

арраи.сплице (индекс, број елемената, елемент, елемент);

Као пример, додајем а и б на самом почетку низа и не уклањам ништа:

array.splice(0, 0, 'a', 'b');

Разделити ( )

Слице () и сплице () методе су за низове. Сплит () методасе користи за гудаче . Низ дели на поднизове и враћа их као низ. Потребна су 2 параметра, а оба су опциона.

string.split(separator, limit);

  • Сепаратор: дефинише како се низ дели ... зарезом, знаком итд.
  • Ограничење: Ограничава број подела са датим бројем

Сплит () метода не ради директно за низове . Међутим, прво можемо претворити елементе нашег низа у низ, а затим можемо користити методу сплит () .

Да видимо како то функционише.

Прво, претварамо наш низ у низ методом тоСтринг () :

let myString = array.toString();

Сада ћемо да поделимо миСтринг од зарезима, ограничити их на три подстрингова, и врати их као низ:

let newArray = myString.split(",", 3);

Као што видимо, миСтринг се дели зарезима. Пошто ограничавамо поделу на 3, враћају се само прва 3 елемента.

НАПОМЕНА: Ако имамо употребу попут ове:array.split("");тада ће сваки знак низа бити подељен као поднизови:

Резиме:

Слице ()

  • Копира елементе из низа
  • Враћа их као нови низ
  • Не мења оригинални низ
  • Почиње резање од ... до датог индекса: арраи.слице (од, до)
  • Слице не укључује параметар индекса „док“
  • Може се користити и за низове и за низове

Спој ()

  • Користи се за додавање / уклањање елемената из низа
  • Приказује низ уклоњених елемената
  • Мења низ
  • За додавање елемената: арраи.сплице (индекс, број елемената, елемент)
  • За уклањање елемената: арраи.сплице (индекс, број елемената)
  • Може се користити само за низове

Разделити ( )

  • Дијели низ у поднизове
  • Враћа их у низу
  • Потребна су 2 параметра, оба су опционална: стринг.сплит (сепаратор, лимит)
  • Не мења оригинални низ
  • Може се користити само за жице

Постоји много других уграђених метода за ЈаваСцрипт низове и низове, који олакшавају рад са ЈаваСцрипт програмирањем. Даље, можете погледати мој нови чланак о ЈаваСцрипт методама поднизања.

Ако желите да сазнате више о веб развоју, слободно ме пратите на Иоутубе-у !

Хвала вам за читање!