Низови и понављајуће контроле тока (циклуси)¶

Низови и циклуси¶

Како би се олакшала обрада података у низовима, језик JavaScript подржава неколико наредби које служе управо тој сврси. Ове наредбе се једним именом називају понављајуће контроле тока или циклуси (loop). Један од циклуса је и наредба for, чији облик одговара сличним наредбама у другим програмским језицима:

for (inicijalizacija; uslov; korak) {
  telo
}

Опишимо и елементе наредбе for:

• Иницијализација представља наредбу којом се постављају почетне вредности пре него што се циклус започне.

• Услов представља израз који се проверава пре сваке итерације циклуса. Уколико је његова вредност true, онда се итерација наставља. У супротном, циклус се завршава.

• Корак представља наредбу која се извршава на крају сваке итерације циклуса, а пре провере услова.

• Тело представља једну или више наредби које представљају операцију која се понавља у свакој итерацији циклуса.

Иако овде о циклусима говоримо у контексту обраде низова, циклусе је могуће користити и за задатке у којима не учествују низови. На пример, наредни код илуструје како је могуће исписати у конзоли бројеве од 1 до 10.

for (let broj = 1; broj <= 10; broj = broj + 1) {
  console.log(broj);
}

Објаснимо детаљније сваки од елемената овог циклуса:

• У иницијализацији циклуса се поставља почетна вредност променљиве broj која ће у свакој итерацији представљати бројчану вредност коју желимо да испишемо у конзоли. С обзиром да бројање почињемо од 1 у овом примеру, има смисла поставити почетну вредност променљиве broj на 1.

• У услову циклуса проверавамо вредност променљиве broj. Последња вредност коју желимо да обрадимо јесте број 10, тако да услов који постављамо јесте да је вредност променљиве broj највише 10. Алтернативно, могли смо поставити и услов broj < 11.

• У кораку циклуса наводимо на који начин ће се почетна вредност променљиве broj мењати на крају сваке итерације. С обзиром да исписујемо све целе бројеве од 1 до 10, желимо да се вредност променљиве увећава за 1 на крају сваке итерације циклуса.

• У телу циклуса наводимо саму операцију, што је у овом случају исписивање броја у конзолу.

Напомена: Наредбу broj = broj + 1 можеш записати као broj++ или ++broj. Постоје разлике између ових наредби, али у контексту једноставних корака циклуса (као што је то случај са примером изнад), можеш их сматрати једнаким. Тамо где је то такав случај, наводићемо наредбе са краћим записом.

Напомена: Постоји још један запис наредбе \(x = x + {N}\), а то је \(x += {N}\) (у свим овим наредбама, \({N}\) је ознака за било коју бројчану вредност). Поново, постоје неке разлике између ових приступа, али можеш их сматрати практично једнаким. Слично томе, наредбе \(x = x - {N}\), \(x = x * {N}\) и \(x = x / {N}\) можеш записати и као \(x -= {N}\), \(x += {N}\) и \(x /= {N}\). Изрази x++ и ++x се користе само за увећање променљиве x за 1, а не и за било коју другу бројчану вредност. Слично, постоје изрази x– и –x који умањују вредност променљиве x за 1.

Задатак: Ученици једног одељења су одлучили да прикупе новац који ће уплатити на рачун дечијег свратишта у добротворне сврхе. У сваком реду је по један ученик био задужен да прикупи новац у том реду, а од њих је новац прикупљао разредни старешина. Сваки ред је укупно прикупио наредне своте новца: 4200, 6300, 5100, 4100 и 5500. Напиши JavaScript програм који израчунава укупну своту новца коју су ученици прикупили.

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

const prvi_red = 4200;
const drugi_red = 6300;
const treci_red = 5100;
const cetvrti_red = 4100;
const peti_red = 5500;

let zbir = 0;
zbir += prvi_red;
zbir += drugi_red;
zbir += treci_red;
zbir += cetvrti_red;
zbir += peti_red;

Међутим, било каква измена обраде ових података повлачи измену у свим линијама кода које врше ту обраду (у примеру кода изнад, то су линије које додају суме сваког реда у укупан збир). Са друге стране, измена обраде једног елемента имплементиране помоћу циклуса обухвата измену на само једном месту – у телу циклуса.

Задатак: Допуни решење претходног задатка тако да програм рачуна и исписује у конзоли провизију која је неопходна за уплату. Провизија се рачуна тако што се за износ мањи од 5000 динара рачуна фиксна провизија од 50 динара, док за остале износе провизија износи 1%.

Покушај да измениш пример кода без употребе циклуса и упореди приступе. Који ти се чини смисленијим?

Низови и ниске¶

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

Прва операција се користи када желиш да издвојиш делове текста између којих се налази нека ознака (која се обично назива сепаратор). На пример, ако из текста желиш да издвојиш све реченице, можеш вршити раздвајање текста по карактеру тачке (у случају да су све реченице обавештајне). Ова операција је у језику JavaScript имплементирана помоћу метода split који се позива над ниском. Овај метод очекује један аргумент, а то је ниска која означава сепаратор по којем ће се вршити раздвајање текста. Резултат позива овог метода је низ чији су елементи ниске које се добијају раздвајањем текста по сепаратору.

"Од јутра до сутра".split(" ")
// резултат -> ["Од", "јутра", "до", "сутра"]

Задатак: Приближава се крај полугодишта и ученици желе да провере своје просечне оцене на предметима. Напиши JavaScript програм који од ученика захтева да унесе оцене из неког предмета раздвојене запетом, а затим израчунава и у конзоли исписује просечну оцену.

Друга операција се користи када желиш да елементе низа спојиш у једну ниску. Ова операција је у језику JavaScript имплементирана помоћу метода join који се позива над низом. Овај метод очекује један аргумент, а то је ниска која ће бити уметнута између свака два суседна елемента низа приликом надовезивања ниски. С обзиром да низови могу имати вредности различитих типова, све вредности које нису ниске се прво имплицитно конвертују у ниске, а затим се врши надовезивање тих ниски.

["Од", "јутра", "до", "сутра"].join(" ")
// резултат -> "Од јутра до сутра"

Задатак: Напиши JavaScript програм који од корисника захтева да унесе два броја \(N\) и \(M\), и генерише матрицу димензија \(N×M\). Матрицу представити као ниску која садржи табелу бројева од 1 до \(N⋅M\).

Низови представљају моћан алат за обраду великог броја података. Програмски језик JavaScript нуди велики број других метода који имплементирају честе операције над низовима. Неке од њих, заједно са примерима, можеш пронаћи на адреси https://www.w3schools.com/js/js_array_methods.asp.