{"id":1409,"date":"2021-03-07T08:49:00","date_gmt":"2021-03-07T07:49:00","guid":{"rendered":"https:\/\/ssntb.org\/mirozaric\/?p=1409"},"modified":"2021-03-07T08:49:23","modified_gmt":"2021-03-07T07:49:23","slug":"javascript-objekti","status":"publish","type":"post","link":"https:\/\/ssntb.org\/mirozaric\/2021\/03\/07\/javascript-objekti\/","title":{"rendered":"JavaScript objekti"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Najjednostavnije je zamisliti objekt kao varijablu s nizom podvarijabli. U JavaScriptu postoji niz objekata koji pojednostavljuju rje\u0161avanje razli\u010ditih tipova zada\u0107a. Va\u017eno je upoznati se s objektima koji se naj\u010de\u0161\u0107e koriste.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Booleov objekt<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Broj\u010dani podaci i stringovi imaju neograni\u010den broj mogu\u0107ih vrijednosti, dok Booleovi podaci imaju samo dvije mogu\u0107e vrijednosti, true ili false.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"920\" height=\"105\" src=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-9.png\" alt=\"\" class=\"wp-image-1410\" srcset=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-9.png 920w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-9-300x34.png 300w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-9-768x88.png 768w\" sizes=\"auto, (max-width: 920px) 100vw, 920px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">String objekt<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">String je niz znakova koji kod JavaScripta predstavlja tekst. Jedna od mogu\u0107nosti JavaScripta je spajanje stringova sa &#8216;+&#8217; operatorom i to tako da se drugi string doda prvome, na primjer:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"has-inline-color has-vivid-red-color\">ime = &#8220;Pero &#8221; + &#8220;Peri\u0107&#8221;; \/\/ rezultat je &#8220;Pero Peri\u0107&#8221;<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"has-inline-color has-vivid-red-color\">recenica = &#8220;Moje ime je&#8221; + &#8221; &#8221; + ime;\/\/ rezultat je &#8220;Moje ime je Pero Peri\u0107&#8221; <\/span>&nbsp; <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Za du\u017einu stringa odnosno, broj znakova u stringu koristi se <strong>lenght<\/strong> svojstvo (property) stringa. Ako varijabla sadr\u017ei string, du\u017eini stringa se mo\u017ee pristupiti na sljede\u0107i na\u010din:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"has-inline-color has-vivid-red-color\">ime.lenght <\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Postoji vi\u0161e na\u010dina pomo\u0107u kojih se mo\u017ee raditi sa stringovima. Na primjer za otkrivanje zadnjeg znaka stringa mo\u017ee se koristiti sljede\u0107i izraz:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"has-inline-color has-vivid-red-color\">zadnje_slovo=ime.charAt(ime.lenght-1) <\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Za izdvajanje drugog, tre\u0107eg i \u010detvrtog znaka stringa, mo\u017ee se koristiti sljede\u0107i izraz:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"has-inline-color has-vivid-red-color\">podstring=ime.substring(1,4);<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Za pronalazak pozicije prvog slova &#8216;r&#8217; u stringu ime, mo\u017ee se koristiti sljede\u0107i izraz:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><span class=\"has-inline-color has-vivid-red-color\">r=ime.indexOf(&#8216;r&#8217;); <\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Postoji jo\u0161 niz drugih metoda kojima se mo\u017ee upravljati stringovima. Metode i opisi metoda upravljanja stringovima se nalaze u tabeli. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sva svojstva objekata i metode se koriste na isti na\u010din kao u navedenim primjerima.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><span class=\"has-inline-color has-vivid-red-color\">&lt;html&gt;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">&lt;body&gt; &lt;script type=&#8221;text\/javascript&#8221;&gt;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">ime = &#8220;Pero &#8221; + &#8220;Peri\u0107&#8221;;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">recenica = &#8220;Ja se zovem&#8221; + &#8221; &#8221; + ime; document.write(&#8220;&lt;p&gt;&#8221; + recenica + &#8220;&lt;\/p&gt;&#8221;) document.write(&#8220;&lt;p&gt; Broj znakova u re\u010denici je &#8221; + recenica.length +&#8221;.&lt;\/p&gt;&#8221;) zadnje_slovo=recenica.charAt(recenica.length-1) document.write(&#8220;&lt;p&gt;Zadnje slovo re\u010denice je &#8221; + zadnje_slovo + &#8220;.&lt;\/p&gt;&#8221;) podstring=recenica.substring(12,16); document.write(&#8220;&lt;p&gt;Podstring je &#8216; &#8221; + podstring + &#8221; &#8216;.&lt;\/p&gt;&#8221;)<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">r=recenica.indexOf(&#8216;r&#8217;);<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">document.write(&#8220;&lt;p&gt;Slovo &#8216;r&#8217; u re\u010denici se nalazi na poziciji broj &#8221; + r + &#8220;.&lt;\/p&gt;&#8221;)<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">&lt;\/script&gt;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">&lt;\/body&gt;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">&lt;\/html&gt;<\/span><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"476\" src=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-10.png\" alt=\"\" class=\"wp-image-1411\" srcset=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-10.png 750w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-10-300x190.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Objekt polja<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Polje je niz podataka, kao i objekt. Kao \u0161to podatak unutar objekta ima ime, svaki podatak u polju ima broj ili index. Kod JavaScripta polja su indeksirana upisivanjem indeksa unutar uglastih zagrada nakon imena polja. Polje mo\u017ee sadr\u017eavati bilo koji tip JavaScript podataka kao i reference na druga polja, objekte ili funkcije. JavaScript ne podr\u017eava izravno vi\u0161edimenzionalne nizove. Polje se defini\u0161e klju\u010dnom rije\u010di <strong>new Array<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><span class=\"has-inline-color has-vivid-red-color\">&lt;html&gt;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">&lt;body&gt;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">&lt;script type=&#8221;text\/javascript&#8221;&gt;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">var imena = new Array(4)<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">imena[0] = &#8220;Pero&#8221;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">imena[1] = \u201eSavo&#8221;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">imena[2] = \u201eKosta&#8221;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">imena[3] = \u201eRade&#8221;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">for (i=0; i&lt;4; i++)<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">{<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">document.write(imena[i] + &#8220;&lt;br&gt;&#8221;)<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">}<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">&lt;\/script&gt;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">&lt;\/body&gt;<\/span><\/li><li><span class=\"has-inline-color has-vivid-red-color\">&lt;\/html&gt;<\/span><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"237\" src=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-11.png\" alt=\"\" class=\"wp-image-1412\" srcset=\"https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-11.png 930w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-11-300x76.png 300w, https:\/\/ssntb.org\/mirozaric\/wp-content\/uploads\/2021\/03\/image-11-768x196.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Najjednostavnije je zamisliti objekt kao varijablu s nizom podvarijabli. U JavaScriptu postoji niz objekata koji pojednostavljuju rje\u0161avanje razli\u010ditih tipova zada\u0107a. Va\u017eno je upoznati se s objektima koji se naj\u010de\u0161\u0107e koriste. Booleov objekt Broj\u010dani podaci i stringovi imaju neograni\u010den broj mogu\u0107ih vrijednosti, dok Booleovi podaci imaju samo dvije mogu\u0107e vrijednosti, true ili false. String objekt String&hellip; <br \/> <a class=\"button small blue\" href=\"https:\/\/ssntb.org\/mirozaric\/2021\/03\/07\/javascript-objekti\/\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-1409","post","type-post","status-publish","format-standard","hentry","category-17"],"_links":{"self":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts\/1409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/comments?post=1409"}],"version-history":[{"count":2,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts\/1409\/revisions"}],"predecessor-version":[{"id":1414,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/posts\/1409\/revisions\/1414"}],"wp:attachment":[{"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/media?parent=1409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/categories?post=1409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ssntb.org\/mirozaric\/wp-json\/wp\/v2\/tags?post=1409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}