Navigation Menu



image

JAVASCRIPT - somo la 19: Jinsi ya kutumia loop kwenye javascript

Katika somo hilibtutakwenda kujifunza kuhusu loop. Katika programming tunaposema loop tunamaanisha ile hali ya program ku excute code zaidi na zaidi. Tofauti na kurudia rudia kuandika statement moja kwa ajili ya kupata matokeoa hayohayo basi unapotumia lo

Katika somo hili na linalofuata tutakwenda kutumia habari hii.

Umepewa kazi ya kuandika orodha ya maneno ya kiingereza na tafsiri yake kwa ajili ya kuandaa program ya kamusi. Sasa unatakiwa uonyeshe orodha ya maneno ambayo tayari umekusanya.

 

Angalia mfano hu:

Kwa kutumia safunzo yaliokwisha tangulia huko wali, nitaweka orodha ya maneno y bkiingereza kwenye array kisha nita display orodha hiyo kwa kuchanganya na maneno ya kiswahili. 


 

Sasa tuendelee na Somo letu. Hebu tuone jinsi ya kuonyesha orodha yetu kulingana na kile ambacho tulisha jifunza.

<html>

  <head>

    <title>Mafunzo ya javascript</title>

  </head>

  <body>

<script>

  var words = ['mama - mother', 'dada - sister', 'kakav- brother', 'mjomb - uncle'];

  var show = "";

    show = show+ words[0]+'<br>';

    show = show+ words[1]+'<br>';

    show = show+ words[2]+'<br>';

    show = show+ words[3]+'<br>';

  

  document.write(show);

</script>

  </body>

</html>

 

Sasa hapo utaona tumerudia rudia statement moja ya ku display neno la kiingereza nankiswahili. Sasa kwa kutumia loop jatutakuwa tena na haja ya kurudia kuandika statement moja na badala yake tutaachia program irudie tena ku excute code.

 

Aina za loop

Kuan aina kuu 2 za loop ambazo ni 

  1. for loop
  2. for Of loop
  3. while loop

Poa kuna mgawanyiko zaidi tutakwenda kuuona tutakwpokuwa tunajifunza zaidi. Katika somo hili tutakwenda kujifunza luhusu for loop tu.

 

For loop;

Katika loop hii code zona excute kwa idadi maalumu unayoitaka. Kwa mfano list yetu hapo ina item 4, hivyo code zetu zita run mara 4. Unaweza kutumia 4 ama kutumia object length tulishasoma kwenye array jinsi ya kuoata array length. Hii itakupa idadi ya kuwa xode zitavexcute mara ngapi. Tunatumia hii ili kuhakikisha ina excute code kwa idadi maalumu ambayo inafanana sawasawa na item.

 

Lakini kama utaweka 4vits okey unaweza kuweka lia zaidi ya nne ama chini ya nne.

 

Kanuni ya kuandika for loop

Kwa nza utaanza na neno for likifuatiwa na mabano () ndni ha mabano kutakaa condition. Kisha itafuataiwa na na mabano {} ambapo ndani yake kutakaa statement ambayo itakuwa excuted kulingana na idani iliyowekwa.

 

Jinsi ya kuandika condition hapa kina utofauti mkubwa na tulivyojifunza huko awali. Katika for loop condition omegawanyika katika sehemu kuu tatu ambazo ni:-

  1. Initial expression yaani mwanzo wa loop. Hapa tutaangalia je loop yako unatakanianzie kwenye item ya ngapi. 
  2. condition Hapa sasa ndipo utaweka masharti yako, ambayo ikiwa yatafikiwa code zita excute na yasipofikiwa code zita stop
  3. Increment expression sehemu hii ndio ambayo inaangalia je code zinatakiwa kubexcuye mara ngapi. Lengo hili linafikiwa kwa kutumia increment (++)


 

Jambo la kuzingatia ni kutenganisha hizo sehemu tatu kwa nukta oacha semicolon ambazo ni (;). Kanuni hii itaandikwa hivi:-

for(initial expression; condition; increment){

statement

}

 

Katika initial expression utatumia variable kwa ajili ya kuhifadhi namba ambayo loop itaanzia. for(var i = 0;

 

Katika condition expression utatumia variable uliotengeneza pamoja na kuweka limit ya mara ngapi code zi excute. Unaweza kutumia i < 4; ama inaweza kuwa hivi i < array.length; neno array hapo nimelitumia kumaanisha object ya array.

 

Katika increment hapo tutatumia variable yetu inayobeba mwanzo wa loop kisha tutaiwekea increment (++). Mfano i++

 

Code nzima

for(var i =0; i<array.length; i++){

statement.

}

 

Angalia code hizi ambazo zinafanya kazi sawa na mfano wa hapo juu mwanzoni kabisa.

 

<html>

  <head>

    <title>Mafunzo ya javascript</title>

  </head>

  <body>

<script>

  var words = ['mama - mother', 'dada - sister', 'kaka- brother', 'mjomb - uncle'];

  var show = "";

for(var i =0; i < words.length; i++) {

         show = show + words[i] + "<br>";

      }

    document.write(show);

</script>

  </body>

</html>

 

Sasa hapo utaona tumetumia array ">...



Nicheki WhatsApp kwa maswali





           

Je! umeipenda hii post?
Ndio            Hapana            Save post

Rajabu Tarehe 2024-05-10 14:53:23 Topic: JavaScript Main: Masomo File: Download PDF     Share On Facebook or Whatsapp Imesomwa mara 264


Sponsored links
👉1 Kitau cha Fiqh     👉2 Madrasa kiganjani     👉3 Simulizi za Hadithi Audio     👉4 Kitabu cha Afya     👉5 Sira ya Mtume Muhammad (s.a.w)     👉6 kitabu cha Simulizi    

Post zifazofanana:-

Game 1: Jinsi ya kutengeneza game ya tic toc ya wachezaji wawili kwa kutumia html, css na javascript
Katika post hii utakwenda kujifundisha jinsi ya kutengeneza game ya tic toc ya wachezaji wawii kwa utumia html, css na javascript Soma Zaidi...

JAVASCRIPT - somo la 5: Jinsi ya kupangilia maandishi wakati wa ku output kwenye javascript
Katika somo hili utajifunza jinsi ya kupangilia muonekano wa maandishi (text) wakati wa ku out put matokeo ya code Soma Zaidi...

JAVASCRIPT - somo la 11: function maalumu zinazotumika kwenye string yaani string method
Katika somo hili utakwenda kujifunza baadhi ya function maaumu zinazotumika kwenye string yaani string method. Soma Zaidi...

JAVASCRIPT - somo la 2: Jisi ya ku print output ya code za javascript.
Katika somo hili utakwenda kujifunza jinsi ambavyo utaweza ku display matokeo ya code za javascript. Soma Zaidi...

JAVASCRIPT - somo la 12: Function zinazotumika kwenye namba
Katika somo hili utajifunz kuhusu baadhi ya function ambazo hutumika kwenye namba Soma Zaidi...

JAVASCRIPT - somo la 17: condition statement za if else, else if kwenye javascript
Katika somo hili tutakwenda kujifunza kuhusu condition statemant. Darasa hili ni moja katika madarasa muhimu programming. Katika somo hili tutajifunza kwa vitendo zaidi. Tutatumia mifano ya somo lililo tangulia. Soma Zaidi...

JAVASCRIPT - somo la 22: Jinsi ya ku set time na tarehe
Katika somo hili tutakwenda kujifunza kuhusu ku set time. Yaani tutaweka muda ambao code zinatakiwa ndio zilete matokeo. Soma Zaidi...

JAVASCRIPT - somo la 7: Jinsi ya kutumia logical operator kwenye javascript
Katika somo hili utakwenda kujifunza jinsi ya kutumia logical operator kwenye javascript. Katika somo hili tutakwenda kutumia mahesabu. Soma Zaidi...

JAVASCRIPT - somo la 16: Jinsi ya kutumia html form kwenye javascript
Katika somo hili utakwenda kujifunza jinsi ya ku dili na html form kwenye javascript. Javascript inaweza kufanya mengi kwenye html form. Soma Zaidi...

JAVASCRIPT - somo la 13: Function zinazofanya kazi kwenye array.
Katika somo hili tutakwenda kujifunza kuhusu array pamoja na method zinazohusiana na array. Pia nitakujuza tena kuhusu array ni nini. Utajifunza pia jinsi ya kutengeneza array. Soma Zaidi...

Game 2: Jinsi ya kutengeneza tic toc game ya single player kwa kutumia javascript, html na css
Katika post hii utakwenda kujifunza kutengeneza game ya tic toc ya mchezaji mmoja na kompyuta yaani single player Soma Zaidi...

JAVASCRIPT - somo la 8: Aina za data zinazotumika kwenye javascript
Katika somo hili utakwenda kujifunza kuhusu aina za data ambazo hutumika kwenye javascript Soma Zaidi...