Како се користе петље у ЈаваСцрипт -у

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

Уз помоћ неколико практичних примера, заронимо дубље у различите начине на које можете користити петље у ЈаваСцрипт -у.

Инкрементално и декрементално за петљу у ЈаваСцрипт -у

Инкрементални за лооп је основа итерације у ЈаваСцрипт -у.

Претпоставља почетну вредност додељену променљивој и покреће једноставну провера условне дужине. Затим повећава или смањује ту вредност помоћу ++ или -- оператери.

Ево како изгледа његова општа синтакса:

фор (вар и = почетна вредност; и низ [и]}

Хајде сада да поновимо низ помоћу горње основне синтаксе:

анАрраи = [1, 3, 5, 6];
за (нека је и = 0; и цонсоле.лог (анАрраи [и])
}
Излаз:
1
3
5
6 

Сада ћемо радити са сваком ставком у горњем низу користећи ЈаваСцрипт за петља:

анАрраи = [1, 3, 5, 6];
за (нека је и = 0; и цонсоле.лог ("5", "к", анАрраи [и], "=", анАрраи [и] * 5)
}
Излаз:
5 к 1 = 5
5 к 3 = 15
5 к 5 = 25
5 к 6 = 30 

Петља се постепено понавља кроз низ ++ оператор, производи наручени излаз.

Али користећи негативно (--), можете обрнути излаз.

Синтакса је иста, али је логика мало другачија од горње петље повећања.

Ево како функционише декрементална метода:

анАрраи = [1, 3, 5, 6];
фор (нека је и = анАрраи.ленгтх-1; и> = 0; ја--) {
цонсоле.лог ("5", "к", анАрраи [и], "=", анАрраи [и]*5)
}
Излаз:
5 к 6 = 30
5 к 5 = 25
5 к 3 = 15
5 к 1 = 5

Логика иза горњег кода није лажна. Индексирање низа почиње од нуле. Тако да зовем анАрраи [и] нормално понавља од индекса нула до три јер горњи низ садржи четири ставке.

Стога је уклањање једног из дужине низа и постављање услова на већу или једнаку нулу прилично згодно - посебно када користите низ као основу ваше итерације.

Он одржава индекс низа за један мањи од његове дужине. Услов и> = 0 затим присиљава одбројавање да се заустави на последњој ставци у низу.

Повезан: ЈаваСцрипт методе низа које бисте требали савладати данас

ЈаваСцрипт форЕацх

Иако не можете да смањите коришћење ЈаваСцрипт -а за сваки, често је мање опширно од сировог за петља. Ради тако што бира једну ставку за другом без запамћивања претходне.

Ево опште синтаксе ЈаваСцрипта за сваки:

арраи.форЕацх (елемент => {
поступак
})

Погледајте како то функционише у пракси:

нека анАрраи = [1, 3, 5, 6];
анАрраи.форЕацх (к => {
цонсоле.лог (к)
});
Излаз:
1
3
5
6 

Сада користите ово за покретање једноставне математичке операције над сваком ставком као што сте то учинили у претходном одељку:

нека анАрраи = [1, 3, 5, 6];
анАрраи.форЕацх (к => {
цонсоле.лог ("5", "к", к, "=", к * 5)
});
Излаз:
5 к 1 = 5
5 к 3 = 15
5 к 5 = 25
5 к 6 = 30 

Како користити фор... ин Лооп ЈаваСцрипт

Тхе за... у лооп у ЈаваСцрипт -у понавља кроз низ и враћа његов индекс.

Биће вам лако за коришћење за... у ако сте упознати са Питхон -ова петља фор пошто су слични у погледу једноставности и логике.

Погледајте његову општу синтаксу:

фор (нека елемент у низу) {
поступак 
}

Дакле, за... у лооп додељује сваку ставку у низу променљивој (елементу) декларисаној унутар заграда.

Дакле, евидентирање елемента директно унутар петље враћа индекс низа, а не саме ставке:

нека анАрраи = [1, 3, 5, 6];
за (пусти ме у анАрраи) {
цонсоле.лог (и)
}
Излаз:
0
1
2
3 

Да бисте уместо тога приказали сваку ставку:

нека анАрраи = [1, 3, 5, 6];
за (пусти ме у анАрраи) {
цонсоле.лог (анАрраи [и])
}
Излаз:
1
3
5
6 

Као што сте учинили када сте користили декременталну петљу, такође је лако преокренути излаз помоћу за... у:

нека анАрраи = [1, 3, 5, 6];
// Уклоните један из дужине низа и доделите ово променљивој:
нека је в = анАрраи.ленгтх - 1; 
// Користите горњу променљиву као основу индекса док понављате низ:
за (пусти ме у анАрраи) {
цонсоле.лог (анАрраи [в])
в -= 1;
}
Излаз:
6
5
3
1 

Горњи код је логички сличан ономе што сте радили док сте користили декременталну петљу. Мада је читљивији и експлицитније описан.

ЈаваСцрипт за... оф Лооп

Тхе за... од петља је слична за... у петља.

Међутим, за разлику од за... у, не понавља кроз индекс низа већ кроз саме ставке.

Његова општа синтакса изгледа овако:

фор (нека ја из низа) {
поступак 
}

Хајде да користимо овај метод петље за постепено понављање кроз низ да видимо како то функционише:

нека анАрраи = [1, 3, 5, 6];
фор (лет и оф анАрраи) {{100} {101}
цонсоле.лог (и)
}
Излаз:
1
3
5
6 

Ову методу можете користити и за понављање низа и обрнути излаз. Слично је како то радите користећи за... у:

нека анАрраи = [1, 3, 5, 6];
нека је в = анАрраи.ленгтх - 1;
фор (нека је к анАрраи) {
цонсоле.лог (анАрраи [в])
в -= 1;
}
Излаз:
6
5
3
1

Да бисте радили унутар петље:

нека анАрраи = [1, 3, 5, 6];
нека је в = анАрраи.ленгтх - 1;
фор (нека је к анАрраи) {
цонсоле.лог ("5", "к", анАрраи [в], "=", анАрраи [в] * 5)
в -= 1;
}
Излаз:
5 к 6 = 30
5 к 5 = 25
5 к 3 = 15
5 к 1 = 5 

Док петља

Тхе док петља ради непрекидно све док одређени услов остане тачан. Често се користи као бесконачна петља.

На пример, пошто је нула увек мања од десет, доњи код ради непрекидно:

нека је и = 0;
вхиле (и <10) {
цонсоле.лог (4)
}

Горњи код бележи „4“ бесконачно.

Идете кроз низ помоћу док петља:

нека је и = 0;
вхиле (и цонсоле.лог (анАрраи [и])
и += 1
}
Излаз:
1
3
5
6 

ЈаваСцрипт до... вхиле Лооп

Тхе учинити... док лооп прихвата и извршава скуп акција експлицитно унутар а урадити синтакса. Затим наводи услов за ову акцију унутар док петља.

Ево како то изгледа:

урадити{
радње
}
док (
консиција
)

Хајде сада да поновимо низ помоћу ове петље:

урадити{
цонсоле.лог (анАрраи [и])
и += 1
}
док (
и )
Излаз:
1
3
5
6 

Упознајте се са ЈаваСцрипт петљама

Иако смо овде истакли различите методе понављања ЈаваСцрипт -а, овладавање основама итерације у програмирању омогућава вам да их флексибилно и поуздано користите у својим програмима. Међутим, већина ових ЈаваСцрипт петљи ради на исти начин, са само неколико разлика у њиховом општем обрису и синтаксама.

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

Како се користи ЈаваСцрипт иф-елсе изјава

Наредба иф-елсе је ваш први корак ка програмирању логике у вашим апликацијама.

Прочитајте следеће

О аутору