JAVASCRIPT - somo la 10: Jinsi ya kuandika object na matumizi yake kwenye javascript

Ksomo hili litakwenda kukufundisha kuhusu object kwenye javascript, kazi zake na sheria zake katika kuiandika.

Katika post hii tutajifunza kuhusu javascript object. Utajifunza jinsi ya kutengeneza javascript object. Pia tutajifunza kuhusu kutimia method kwenye javascript. 

 

Object ni nini?

Object ni data ambayo ina sifa na tabia (property). Mfano unaposema gari linakuwa na sifa kama rangi,  mwendo kasi, aina ya injini. Hivyo kwa mfano huu gari ni object ambayo inaweza kuandikwa kama hivi: 

 

<script>

  var gari={

  jina: "Toyota",

  injini: "Disel",

  speed: "180kh/h",

  manufacture:"Japan"

  }

  

  document.write(gari.jina +"<br>"+

  gari.speed +"<br>"+

  gari.injini +"<br>"+

  gari.manufacture

  );

</script>

Ukiangalia code hizo utagundua kuwa:-

  1. OBJECT ni variable kama unavyoona hapo bar gari, ambapo OBJECT yetu ni gari ambayo ni variable

 

  1. OBJECT ina jina la OBJECT na thamani ama sifa zake kwa mfano hapo jina ni gari na sifa zake ni mwendo, injini, manufacture, jina la gari. 

 

  1. Jina la OBJECT linaitwa object name, na hizo sifa huitwa object property au behaviour na hizo thamani kwa mfano Toyota, dizel, 180kh/h hizo zote huitwa property values. 

 

  1. Kutoka property moja kwenda nyingine hutenganishwa na alama ya koma (,).

 

  1. Property na value yake kutenganishwa na alama ya nukta pacha (:)

 

 

Jinsi ya kuandika OBJECT katika javascript.

  1. Utaweka jina la object. Jina hili halitakiwibkuanza na namba ama special character wala javascript keywords

 

  1. Kisha utaweka jina la object likifuatiwa na mabano {}

 

  1. Ndani ya mabano ndio utaweka hizo property zake. 

 

  1. Kuandika property ataandika. Jina la hiyo property ikifuatiwa na alama ya nukta pacha kisha itafuatiwa na value. Kama ni string utaweka ndani ya alama za "".

 

Mfano: 

<script>

  var tovuti={

  jina: "Bongoclass",

  umri: 4,

  nchi: "Tanzania",

  hai:true,

  mafunzo: ["html", "php", "javascript", "sql"]

  }

 

  document.write(tovuti["jina"] +"<br>"+tovuti.mafunzo[0] +" "+tovuti.mafunzo[1])

</script>

Katika mfano huo hapo utagundua kuwa object inaweza kuwa na array ndani yake kwa mfano hapo juu property mafunzo value zake zipo kwenye array. 

 

Si hivyo tu bali object pia inaweza kuwa na function kama tutakavyoona katika mifano inayokuja. 

 

 

Jinsi ya ku access object

Ku access object ni sawa na kuitumia hiyo objectvkwenye code zako. Kwa nfano katika mifano miwili iliyotangulia baada ya kuandika object tuliweza kuzitumia na ku out put code ndipo tukapata matokeo ya hizo code. 

 

Kuna njia kuu tatu ambazo hutumika ku access object. Yaani njia tatu ambazo hutumika ili uweze kuitumia object kwenye code zako. Njia hizo ni: -

  1. Kwa kutumia doti. Kama tulivyoona katika mfano wa kwanza gari.jina

 

  1. Njia ya pili ni kwa kutumia mabango kama ilivyo katika mfano wa pili tovuti[jina]

 

  1. Njia ya tatu ni kwa kutumia this keyword kama tutakavyojifunza. 

 

  1. KWA KUTUMIA DOTI

ili uweze ku access object kwa kutumia doti kwanza utaandika jina la hiyo Object kisha itafuatiwa na kidoti kisha ndipo itafanya jina la property. 

 

Mfano: 

<script>

  var mafunzo={

  somo: "Javascript",

  muda: "wiki mbili",

  lugha: "kiswahili",

  host:"Bongoclass"

  }

  

  alert("Je upo tayari kujiunga na mafunzo ya"+mafunzo.somo+ "yatakayotolewa"+mafunzo.host+"kwa muda wa"+mafunzo.muda+"kwa lugha ya"+mafunzo.lugha)

</script>

 

2.KWA KUTUMIA MABANO []

Kutumia njia hii kwanza utaweka jina ka object kisha litafuatiea na mabano,  ndani ya mabano utaweka jina la hiyo property. Zingatia kama ni string kuiweka ndani ya alama za ""

 

Mfano: 

 

<p id="demo"></p>

<script>

  var mafunzo={

  somo: "Javascript",

  muda: "wiki mbili",

  lugha: "kiswahili",

  host:"Bongoclass"

  }

document.getElementById("demo").innerHTML="karibu" + mafunzo["host"] + "upate mafunzo ya" + mafunzo["somo"]+ "yatakayifanyika kwa muda wa" + mafunzo["muda"] + "kwa lugha ya" + mafunzo["lugha"];

</script>

 

...



Je! umeipenda hii post?
Ndio            Hapana            Save post

Kama unahitaji kuuliza maswali Bofya hapa

Mwandhishi Tarehe 2023-10-20 Download PDF     Share On Facebook or Whatsapp Imesomwa mara 95

Post zifazofanana:-

JAVASCRIPT - somo la 10: Jinsi ya kuandika object na matumizi yake kwenye javascript
Ksomo hili litakwenda kukufundisha kuhusu object kwenye javascript, kazi zake na sheria zake katika kuiandika. 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 18: Jinsi ya kutumia switch case kwenye javascript
Kwa kutumia mfano huu na iliyotangulia unaweza kuweka masharti kadiri uwezavyo. Tukutane somo linalofuata tutajifunza kuhusu switch statement. 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 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 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 12: Function zinazotumika kwenye namba
Katika somo hili utajifunz kuhusu baadhi ya function ambazo hutumika kwenye namba Soma Zaidi...

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 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 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 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 4: Jinsi ya kuandika variable kwenye javascript
Katika somo hili utajifunza jinsi ya kuandika variable. Hapa utajifunza sheria zinazohusu variable katika javascript Soma Zaidi...