Home-theater-designers
Веб програмери свих нивоа вештина, од програмера почетника до стручњака за кодирање, увидели су значај ЈаваСцрипт у развоју модерних веб страница. ЈаваСцрипт је толико доминантан да је неопходна вештина да ли ћете знати да ли ћете правити веб апликације.
Један од најмоћнијих градивних блокова уграђених у ЈаваСцрипт језик су низови. Низови се обично налазе у многим програмским језицима и корисни су за складиштење података.
ЈаваСцрипт такође укључује корисне функције познате као методе низа. Ево петнаест којих бисте требали помно погледати да бисте развили своје вештине као програмер.
Шта су методе низа?
Методе низа су функције уграђене у ЈаваСцрипт које можете применити на низове. Сваки метод има јединствену функцију која врши промену или прорачун у вашем низу, штедећи вас од потребе да кодирате уобичајене функције од нуле.
Методе низа у ЈаваСцрипт-у се покрећу помоћу тачкастог записа који је придружен променљивој низа. Пошто су само ЈаваСцрипт функције, увек завршавају заградама које могу садржати опционалне аргументе. Ево методе повезане са једноставним низом који се зове миАрраи .
let myArray = [1,2,3]; myArray.pop();Овај код би применио метод тзв поп до низа.
Пример низа
За сваки пример, користите огледни низ који ћемо позвати миАрраи , за извођење метода на. Слободно повуците конзолу и кодирајте.
let myArray = [2,4,5,7,9,12,14];Ови примери ће претпоставити да познајете основу шта је ЈаваСцрипт и како функционише . Ако то не учините, у реду смо, сви смо ту да учимо и растемо.
Копајте у ових петнаест моћних метода низа!
1. Арраи.пусх ()
Шта ради: пусх () узима ваш низ и додаје један или више елемената на крај низа, а затим враћа нову дужину низа. Ова метода ће изменити ваш постојећи низ.
Покретањем додајте низ 20 у низ пусх () , користећи 20 као аргумент.
let myArray = [2,4,5,7,9,12,14];
myArray.push(20);Проверите да ли је успело:
console.log(myArray); [2,4,5,7,9,12,14,20]Покретање пусх () метход на миАрраи је додао вредност дату у аргументу у низ. У овом случају, 20. Када проверите миАрраи у конзоли, видећете да је вредност сада додата на крај низа.
2. Арраи.цонцат ()
Шта ради: цонцат () може спојити два или више низа у нови низ. Не мења постојеће низове, већ ствара нове.
Узми миАрраи и спојити низ који се зове невАрраи у то.
let myArray = [2,4,5,7,9,12,14];
let newArray = [1,2,3];
let result = myArray.concat(newArray); console.log(result); [2,4,5,7,9,12,14,1,2,3]Ова метода чини чуда када се бавите са више низа или вредности које морате да комбинујете, све у једном прилично једноставном кораку када користите променљиве.
3. Арраи.јоин ()
Шта ради: придружити() узима низ и повезује садржај низа, одвојен зарезом. Резултат се ставља у низ. Можете да наведете сепаратор ако желите да користите алтернативу зарезу.
Погледајте како ово функционише помоћу миАрраи -а. Прво користите подразумевани метод без аргумента за раздвајање, који ће користити зарез.
let myArray = [2,4,5,7,9,12,14];
myArray.join(); '2,4,5,7,9,12,14'ЈаваСцрипт ће приказати низ, при чему је свака вредност у низу одвојена зарезом. За промену сепаратора можете користити аргумент у функцији. Посматрајте то са два аргумента: једним размаком и низом.
myArray.join(' ');
'2 4 5 7 9 12 14' myArray.join(' and ');
'2 and 4 and 5 and 7 and 9 and 12 and 14'Први пример је размак, чинећи низ који можете лако прочитати.
Други пример користи (' и ') , и овде треба знати две ствари.
Прво, користимо реч 'и' за одвајање вредности. Друго, постоји размак са обе стране речи 'и'. Ово је важно имати на уму при употреби придружити() . ЈаваСцрипт дословно чита аргументе; па ако је овај простор изостављен, све ће се избрисати (нпр. '2и4 и 5 ...' итд.) Не баш читљив излаз!
4. Арраи.форЕацх ()
Шта ради: за сваки() (велика и мала слова!) обавља функцију за сваку ставку у вашем низу. Ова функција је свака функција коју креирате, слично употреби петље 'фор' за примену функције на низ, али са много мање посла за кодирање.
Има још нешто за за сваки() ; погледајте синтаксу, а затим изведите једноставну функцију за демонстрацију.
myArray.forEach(function(item){
//code
});
Користимо миАрраи , за сваки() се примењује са тачкастом ознаком. Функцију коју желите да користите поставите у заграду аргумента, што је функција (ставка) у примеру.
Погледај функција (ставка) . Ово је функција која се извршава унутар форЕацх () и има свој аргумент. Позивамо аргумент ставка . О овом аргументу морате знати две ствари:
- Када форЕацх () прелази преко вашег низа, примењује код на овај аргумент. Замислите то као привремену променљиву која садржи тренутни елемент.
- Ви изаберете име аргумента, може се назвати како год желите. Обично би ово било названо нечим што олакшава разумевање, попут 'ставка' или 'елемент'.
Имајући ове две ствари на уму, погледајте овај једноставан пример. Додајте 15 свакој вредности и нека конзола прикаже резултат.
myArray.forEach(function(item){
console.log(item + 15);
});
Користимо ставка у овом примеру као променљива, па је функција написана да додаје 15 свакој вредности путем ставка . Конзола затим штампа резултате. Ево како то изгледа у Гоогле Цхроме конзоли.
Резултат је сваки број у низу, али са 15 додатих у њега!
5. Арраи.мап ()
Шта ради: Мапа() извршава функцију за сваки елемент у вашем низу и ставља резултат у нови низ.
Покретање функције на сваком елементу звучи као форЕацх (). Овде је разлика Мапа() ствара нови низ када се покрене. форЕацх () не ствара аутоматски нови низ, морали бисте да кодирате одређену функцију да бисте то учинили.
Користите мап () да бисте удвостручили вредност сваког елемента у миАрраи -у и поставили их у нови низ. Видећете исто функција (ставка) синтакса за мало више вежбе.
let myArray = [2,4,5,7,9,12,14]; let doubleArray = myArray.map(function(item){
return item * 2;
});Проверите резултате у конзоли.
console.log(doubleArray); [4,8,10,14,18,24,28]миАрраи је непромењено:
console.log(myArray); [2,4,5,7,9,12,14]6. Арраи.унсхифт ()
Шта ради: Слично начину на који метода пусх () ради, унсхифт () метход узима ваш низ и додаје један или више елемената на почетак низа уместо на крај, и враћа нову дужину низа. Ова метода ће изменити ваш постојећи низ.
let myArray = [2,4,5,7,9,12,14];
myArray.unshift(0);Приликом пријављивања низа на конзолу, требало би да видите број 0 на почетку низа.
console.log(myArray); [0, 2,4,5,7,9,12,14]7. Арраи.сорт ()
Шта ради: Сортирање је једна од најчешћих операција изведених на низу и веома је корисна. ЈаваСцрипт -а врста() метода арраи се може користити за сортирање низа бројева или чак низова са само једним редом кода. Ова операција је на месту и враћа сортирано поље мењањем почетног низа. Узмите другачији скуп бројева за миАрраи овај пут.
let myArray = [12, 55, 34, 65, 10];
myArray.sort((a,b) => a - b);Пошто се сортирање врши на месту, не морате да декларишете засебну променљиву за сортирани низ.
console.log(myArray); [10, 12, 34, 55, 65]Подразумевано, низ је сортиран у растућем редоследу, али опционално можете да пренесете прилагођену функцију у врста() метод за сортирање низа на жељени начин. У овом случају прошао сам обичај функција стрелице за нумеричко сортирање низа по растућем редоследу.
8. Арраи.реверсе ()
Шта ради: Као што име говори, обрнуто () метода се користи за обрнути редослед елемената у низу. Имајте на уму да се овим не поништава садржај низа већ само редослед. Ево примера за боље разумевање ове методе:
let myArray = [2,4,5,7,9,12,14];
myArray.reverse()Запишите излаз на конзолу да бисте потврдили рад.
console.log(myArray); [14, 12, 9, 7, 5, 4, 2]Као што видите, редослед елемената је обрнут. Раније је елемент на последњем индексу (елемент 14 на индексу 6) сада елемент на нултом индексу итд.
9. Арраи.слице ()
Шта ради: кришка () користи се за преузимање плитке копије дела низа. Једноставније речено, овај метод вам омогућава да изаберете одређене елементе из низа према њиховом индексу. Можете проследити почетни индекс елемента из којег желите да преузмете и елементе, а по избору и крајњи индекс.
Ако не наведете крајњи индекс, сви елементи од почетног индекса до краја низа ће бити преузети. Ова метода враћа нови низ и не мења постојећи.
let myArray = [2,4,5,7,9,12,14];
let slicedArray = myArray.slice(2);У горњем коду се преузимају сви елементи од другог индекса до последњег јер се параметар крајњег индекса не преноси. Запишите оба низа на конзолу.
console.log(myArray);
console.log(slicedArray); [2, 4, 5, 7, 9, 12, 14]
[5, 7, 9, 12, 14]
Очигледно, почетни низ се не мења методом слице () и уместо тога враћа нови низ који је ускладиштен у нарезанАрраи променљива. Ево примера у коме се параметар крајњег индекса такође преноси у кришка () метода.
let myArray = [2,4,5,7,9,12,14];
let slicedArray = myArray.slice(1, 3);
console.log(slicedArray); [4, 5]10. Арраи.сплице ()
Шта ради: спајање () је корисна метода низа која се користи за уклањање или замену елемената у пољу на месту. Навођењем индекса и броја елемената за брисање, он мења низ.
let myArray = [2,4,5,7,9,12,14];
myArray.splice(2, 3);
console.log(myArray);У горњем примеру, миАрраи низ се спаја из индекса 2 и 3 елемента се уклањају из њега. Низ се сада састоји од:
[2, 4, 12, 14]Да бисте заменили елементе, а не само их избрисали, можете проследити било који број опционалних параметара са елементима које желите да замените, на пример:
како завршити писмо извињења
let myArray = [2,4,5,7,9,12,14];
myArray.splice(2, 3, 1, 2, 3);
console.log(myArray); [2, 4, 1, 2, 3, 12, 14]11. Арраи.филтер ()
Шта ради: филтер () метход је корисна метода низа која узима функцију која садржи тест и враћа нови низ са свим елементима који прођу тај тест. Истина свог имена, ова метода се користи за филтрирање елемената који су вам потребни од осталих елемената. Филтрирање се врши помоћу функције која враћа логичку вредност.
Ево примера филтер () метод који се користи за добијање само оних елемената из низа који су дељиви са 2.
let myArray = [2,4,5,7,9,12,14];
let divisibleByTwo = myArray.filter((number) => number % 2 === 0);
console.log(divisibleByTwo);У горњем примеру, функција стрелице се преноси као параметар који узима сваки број из оригиналног низа и проверава да ли је дељив са 2 помоћу модула ( % ) и једнакост ( === ) оператор. Ево како изгледа излаз:
[2, 4, 12, 14]12. Арраи.редуце ()
Шта ради: смањити () је метода низа која преузима функцију редуктора и извршава је на сваком елементу низа за излаз једне вредности док се враћа. Као потребни параметри потребна је функција редуктора са променљивом акумулатора и променљивом тренутног елемента. Вредност акумулатора памти се током свих итерација и на крају се враћа након последње итерације.
Популарна употреба ове методе је израчунавање збира свих елемената у низу. Имплементација ове функције је следећа:
let myArray = [2,4,5,7,9,12,14];
let sumOfNums = myArray.reduce((sum, currentNum) => sum + currentNum, 0);0 се преноси као други параметар у горњем примеру, који се користи као почетна вредност променљиве акумулатора. Тхе сумОфНумс променљива ће садржати повратну вредност смањити () метод за који се очекује да буде збир свих елемената у низу.
console.log(sumOfNums); 5313. Арраи.инцлудес ()
Шта ради: Тражење елемента у низу да би се проверило да ли је присутан је операција која се користи прилично често и стога ЈаваСцрипт за то има уграђену методу у облику укључује () метода низа. Ево како га можете користити:
let myArray = [2,4,5,7,9,12,14];
console.log(myArray.includes(4));
console.log(myArray.includes(2, 1));
console.log(myArray.includes(12, 2));
console.log(myArray.includes(18));Ова метода узима потребни параметар, елемент за тражење и опционални параметар, индекс низа из којег се почиње тражити. У зависности од тога да ли је тај елемент присутан или не, вратиће се истина или лажно редом. Према томе, излаз ће бити:
true
false
true
false14. Арраи.индекОф ()
Шта ради: индекс() метода се користи за проналажење индекса при којем се прва појављивања наведеног елемента могу пронаћи у низу. Иако је сличан методу инцлуде (), овај метод враћа нумерички индекс или -1 ако елемент није присутан у низу.
let myArray = [2,4,5,7,9,12,14];
console.log(myArray.indexOf(4));
console.log(myArray.indexOf('4'));
console.log(myArray.indexOf(9, 2));индекс() метода користи строгу једнакост да провери да ли је неки елемент присутан, што значи да вредност, као и тип података, треба да буду исти. Опциони други параметар узима индекс са којег почиње претраживање. На основу ових критеријума, излаз ће изгледати овако:
1
-1
415. Арраи.филл ()
Шта ради: Често ћете можда морати да поставите све вредности у низу на статичку вредност, на пример 0. Уместо петље, можете испробати филл () метод за исту сврху. Ову методу можете позвати у низу са 1 обавезним параметром: вредност за попуњавање низа и 2 опциона параметра: почетни и крајњи индекс за попуњавање између. Ова метода мења излазни низ.
let myArray = [2,4,5,7,9,12,14];
let array1 = myArray.fill(0);
myArray = [2,4,5,7,9,12,14];
let array2 = myArray.fill(0, 2);
myArray = [2,4,5,7,9,12,14];
let array3 = myArray.fill(0, 1, 3);Када записујете излаз на конзолу, видећете:
console.log(array1);
console.log(array2);
console.log(array3); [0, 0, 0, 0, 0, 0, 0]
[2, 4, 0, 0, 0, 0, 0]
[2, 0, 0, 7, 9, 12, 14]Следећи кораци на вашем ЈаваСцрипт путовању
Низови су моћан део ЈаваСцрипт језика, због чега постоји толико много уграђених метода да вам олакша живот као програмеру. Најбољи начин да савладате ових петнаест метода је вежбање.
Док настављате да учите ЈаваСцрипт, МДН је одличан ресурс за детаљну документацију. Удобно се сместите у конзолу, а затим усавршите своје вештине уз најбоље ЈаваСцрипт уређиваче за програмере. Спремни сте за израду веб странице помоћу ЈаваСцрипт -а? Зашто не бисте погледали неке оквире које можете узети у обзир.
Објави Објави Твеет Емаил 6 ЈаваСцрипт оквира вредних учењаПостоји много ЈаваСцрипт оквира који помажу у развоју. Ево неких које бисте требали знати.
Прочитајте следеће Повезане теме- Програмирање
- ЈаваСцрипт
- Савети за кодирање
Нитин је страствени програмер софтвера и студент рачунарског инжењеринга који развија веб апликације користећи ЈаваСцрипт технологије. Ради као слободни веб програмер и воли да пише за Линук и програмирање у слободно време.
Још од Нитин РанганатхПретплатите се на наш билтен
Придружите се нашем билтену за техничке савете, критике, бесплатне е -књиге и ексклузивне понуде!
Кликните овде да бисте се претплатили