Navigation Menu

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.

Array ni nini?

Array ni variable ambayo ina item zaidi ya moja. Array poa ni object. Mfano unataka kutengeneza variable ambayo itawakilisha aina za magari. Katika hali ya kawaida itakubidi kutengeneza kwa kila aina ya gari na variable yake. Hivyo utasema var a = "Toyota", var b ="benzi", var c = "basi" sasa kupunguza kazi hii ya kuweka kila item na variable yake, hapa tutatumia array. Hivyo tutasema

var gari ={"Toyota", "Benzi", "basi"}

Utaona hapo imekuwa rahisi kuwa baada ya kuwa na variable 3 sasa una variable moja tu.

Jinsi ya kutengeneza array

Array inaweza kutengenezwa kwa njia kuu mbili ambazo ni kwa kutumia njia ya mabano [] kisha kila item inatengenishwa na alama ya kima (,) ila item ya mwisho haiwekewi koma. Njia ya pili ni kwa kutumia constructor ambayo ni new Array(). Wataalamu wanapendekea kutumia njia ya kwanza nilitaka kwa kuwa ipo fasta zaidi.

<!DOCTYPE html>

<html>

<head>

<title> njia ya mabano</title>

</head>

<body>

var magari = ["yoyota", "Benzi", "NoAH"];

document.getElementById("demo").innerHTML = magari;

</script>

</body>

</html>

Hiyo hapo juu ni njia ya mabank kama unavyoona hapo. Sasa wacha tuone kwa kutumia constructor. Katika njia hii kumbuka keyword inaanza na A kubwa yaani Array na sio array.

<!DOCTYPE html>

<html>

<head>

<title> njia ya constructor</title>

</head>

<body>

var magari =new Array ("yoyota", "Benzi", "NoAH");

document.getElementById("demo").innerHTML = magari;

</script>

</body>

</html>

Jinsi ya ku access array

Hapa tunazungumzia jinsi ya kupata output ya array. Ama jinsi ya kutumia hiyo array. Hapa pia tutaona jinsi ya kuifikia na kuitumia kila item kivyake vyake ama kwa ujumla. Kwa mfano katika mifano miwili hapo juu item zimetumika kwa ujumla ndio maana imepata matokeo ya item zote.

Ili kuitumia arry kwanza ujuwe index yake. Index ni Idd ya hiyo array. Kwa mfano kama una array tatu kila moja ina is yake. Na huhesabiwa kuanzia 0. Ya kwanza hupewa 0, ya pili hupewa 1 na ya tatu hupew 2.

Mfano una array hii var magari = ["yoyota", "Benzi", "NoAH"];

Katikabarray hiyo toyota ina index ya 0, Benzi index ya 1 na Noah index ya 2. Hivyo basi kama tunataka ku output benzi tutatumia index namba yake ambayo ni 1.

Mfano.

var magari = ["yoyota", "Benzi", "NoAH"];

document.write(magari[1]);

</script>

Baadhi ya method zinazotumika kwenye array:

Kwa kuwa tunaelewa maana ya array, na jinsi ya kuitengeneza pia tunajuwa jinsi ya ku access array sasa hapa tutakwenda kuona baadhi ya Method (functions) zinazotumika kwenye array.

push()

Hii hutumika kuongeza item mwisho wa array. Unaweza kuongeza item zaidi ya moja, utazitenganisha kwa alama ya (;).

Mfano kwenye array yetu ya magari tunakwenda kuongeza magari mawili ambayo ni BMW na Bugati kufanya hivi tutatumia method ya push()

var magari = ["yoyota", "Benzi", "NoAH"];

magari.push("BMW", "Bugati");

document.write(magari);

</script>

unshift()

Hii hutumika katika kuongeza item mwanzoni mwa array. Unaweza kuongeza item moja ama zaidi. Sasa wacha tuiongeze BMW na Bugati mwanzoni mwa array yetu.

var magari = ["yoyota", "Benzi", "NoAH"];

magari.unshift("BMW", "Bugati");

document.write(magari);

</script>

pop()

Hii hutumika katika kuondoa item ya mwisho katika array. Kwa mfano array yetu ya magari item yavnwisho ni NoAH. Hivyo kwa kutumia Method hii unaweza kuondoa kabisa item hiyo.

var magari = ["yoyota", "Benzi", "NoAH"];

magari.pop();

document.write(magari);

</script>

Pia unaweza kutumia hiyo pop() method kupata item ya mwisho. Kwa mfano

var magari = ["yoyota", "Benzi", "NoAH"];

document.write(magari.pop());

</script>

shift()

Hii hutumika katika kuondoa item ya kwanza kwenye array. Kwa mfano katika array yetu ya magari tutakwenda kuondoa Toyota

var magari = ["yoyota", "Benzi", "NoAH"];

magari.shift();

document.write(magari);

</script>

Pia kwa kutumia Method hiyo hiyo unaweza kupata item ya kwanza kwenye array.

Mfano

var magari = ["yoyota", "Benzi", "NoAH"];

document.write(magari.shift());

</script>

length property

Hii hutumika kupata length of arry yaani kujuwa je hiyo array ina item ngapi. Inafanya kazi sawa na ile length of the string. Tutatumia array yetu ya magari kujuwa ina item ngapi?

var magari = ["yoyota", "Benzi", "NoAH"];

document.write(magari.length);

</script>

Kwa kutumia length property pia unaweza kupata array ya mwisho yaani last array.

var magari = ["yoyota", "Benzi", "NoAH"];

document.write(magari[magari.length -1]);

</script>

forEach()

Hii hutumika ku access item zote kwenye array. Method hii ina parameter 3 ambazo ni:

i kumaanisha array index

val kumaanisha array value

arr hii ni array yenyewe.

Kwa kutumia Method hii unaweza kupata index ya kila item au array. BPia value zake.

var magari = ["yoyota", "Benzi", "NoAH"];

magari.forEach(function(val, i, arr) {

document.write(i + ": " + val + "<br>");

});

</script>

join()

Hii hutumika kubadili array kuwa string, kisha huubganisha item katika namna utakayitaka. Kwa mfano unaweza kutenganishabkwa kma (,) au kwa slash (/) ama kwa hyohen (-) ama anaomba yeyote utakayitaka. Utakachofanya ni kuweka hiyo alama kwenye join(). Mfano join("-") au join("/") au join(;)

Mfano:

var magari = ["yoyota", "Benzi", "NoAH"];

document.write(magari.join("-"));

</script>

var magari = ["yoyota", "Benzi", "NoAH"];

document.write(magari.join(" "));

</script>

split()

Hii hutumika kubadili string kuwa array. Itakachofanya ni kuangalia katika hiyo string kila ambako kunewachwa nafasi itakuwa ni string. Kitu cha muhimu ni kuwacha nafasi kwenye method. Mfano Kama web imetumika sana utalipa kikubwa na kama umetumia kidogo utalipa kidogo. split(" ") hapo itagawa kila kwenye nafasi kuwa array item. Mfano hii sentensi mama na baba wanalima hapa utapata array item 4. Ila ka kwenye split hukuacha nafasibumeandika hivi split("") hapo kila herufi iitahesabika ni item ya string.

var str = "mama na baba wanalima";

document.write(str.split(" "));

</script>

Hiyi hapo ni array ambayo unaweza fanya kila kitu kinachohusu array. Kwa mfano tunataka ku access array yenye index 2

var str = "mama na baba wanalima";

var arr =str.split(" ");

document.write(arr[2]);

</script>

concat()

Hii hutumika katika kuunganisha array zaidi ya moja kuwa array moja. Mfano una list tatu za array ambazo ni

array1 ["viazi", "mihogo", "magimbi"]

array2 ["nyanya", "ndimu", "pilipili"]

array3 ['nazi", "karanga", "maharagwe"]

Sasa list hizi tatu utaweza kupata list moja kwa kuziunganisha. Tunapounganisha hapo tunaunganisha hiyo ya jwanza na hizo za pili mbili.

Mfano:

var array1 =["viazi", "mihogo", "magimbi"];

var array2 =["nyanya", "ndimu", "pilipili"];

var array3 =["nazi", "karanga", "maharagwe"];

var arr = array1.concat(array2,array3);

document.write(arr);

</script>

indexOf()

Hii hutumika kutafuta array kuwa je ipo na kama ipo ina index gani. Kama jina linavyo jieleza indexOf maana yake unatafuta index ya hiyo array ambayo utaitaja. Kama hapa kama array hiyo imejirudia zaidi hapa utapata index ya ile ya kwanza ilioanza kutajwa kwenye list.

Kwa mfano tuna lita hapa inahusu vinywaji. soda, juisi, maziwa, asali, na maji sasa mfano tunataka kutafuta je katika list maziwa yapo na kama yapo ni index ya ngapi.

var vinywaji =["soda", "juisi", "maziwa", "maji"];

document.write(vinywaji.indexOf("maziwa"));

</script>

Utaona hapo inetoa jibu 2 kumaanisha kuwa maziwa yapo na index yake ni 2.endapo hayatakuwepo ama kitu unachokitafuta hakipo italeta -1.

lastIndexOf()

Hii ni kinyume cha indexOf hii yenyewe endapo zimejirudia zaidi ya mara moja itakupa matokeo ya ile ya mwisho kutokea. Rejea method ya indexOf na lastIndexOf kwenye string zinafanana matumizi yake.

var vinywaji =["soda", "juisi", "maziwa", "fanta", "maji", "maziwa"];

document.write(vinywaji.lastIndexOf("maziwa"));

</script>

Utaona hapo imekupa jibu 5 kwa k">...

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 272

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

Post zifazofanana:-

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 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...

JAVASCRIPT - somo la 6: Jinsi ya kufanya mahesabu kwenye javascript
Katika somo hili utajifunza kuhusu matendo ya hesabu ambayo ni kugawanya, kujumlisha, kuzidisha na kutoa Soma Zaidi...

JAVASCRIPT - somo la 9: Jinsi ya kuandika function kwenye javascript
Katika somo hili utakwenda kujifunza jinsi ya kuandika function kwenye javascript. Utajifunz apia namna ya kuitumia function hiyo Soma Zaidi...

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 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...

JAVASCRIPT - somo la 4: Jinsi ya kuandika variable kwenye javascript
Katika somo hili utajifunza jinsi ya kuandika variable. Hapa utajifunza sheria zinazohusu variable katika javascript Soma Zaidi...

JAVASCRIPT - somo la 3: sheria za uandishi wa code za javascript yaani syntax za javascript
Katika somo hili utakwenda kujifunza sheria ama syntax za kuandika javascript. Hii itakuwezesha kuelwa zaidi code za javascript. 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 14: Jifunze kuhusu event kwenye javascript
Katika somo hili utakwenda kujifunza kuhusu javascript events. Event ni neno la Kiingereza lenye maana tukio wingi wake events kumaanisha matukio. Natumia ni kila ambacho kinatokea kwenye javascript. Soma Zaidi...

JAVASCRIPT - somo la 20 Jinsi ya kutumia foOfloop kwenye javascript
Katika somo hili utajifunza jinsi ya kutumia forOfLoop. Hii ni aina ya loop ambayo yenyewe inahusisha item zote kwenye array. Soma Zaidi...

JAVASCRIPT -somo la 1: Kwa nini ni muhimu kujifunza javascript
Katika somo hili utajifunza kuhusu historia ya javacsript pamoja na kazi za javascript. Pia utayajuwa makampuni makubwa yanayotumia javascript. Soma Zaidi...