{"id":784,"date":"2023-12-11T20:15:38","date_gmt":"2023-12-11T20:15:38","guid":{"rendered":"https:\/\/megnyitasa.com\/tudas\/?p=784"},"modified":"2023-12-11T20:15:38","modified_gmt":"2023-12-11T20:15:38","slug":"javascript-math-adalekolas-konnyen","status":"publish","type":"post","link":"https:\/\/megnyitasa.com\/tudas\/javascript-math-adalekolas-konnyen\/","title":{"rendered":"JavaScript Math: Adal\u00e9kol\u00e1s k\u00f6nnyen"},"content":{"rendered":"<div class=\"articlecontent\">\n<div class=\"newlinediv\"><\/div>\n<p> A JavaScript egy sokoldal\u00fa programoz\u00e1si nyelv, amelyet dinamikus \u00e9s interakt\u00edv weboldalak l\u00e9trehoz\u00e1s\u00e1ra haszn\u00e1lnak. A programoz\u00e1s egyik leggyakoribb feladata az olyan sz\u00e1mtani m\u0171veletek elv\u00e9gz\u00e9se, mint az \u00f6sszead\u00e1s, kivon\u00e1s, szorz\u00e1s \u00e9s oszt\u00e1s. Ebben a cikkben arra \u00f6sszpontos\u00edtunk, hogyan v\u00e9gezhet\u00fcnk \u00f6sszead\u00e1st JavaScriptben. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> Az \u00f6sszead\u00e1s egy alapvet\u0151 aritmetikai m\u0171velet, amely k\u00e9t vagy t\u00f6bb sz\u00e1m \u00f6sszekapcsol\u00e1s\u00e1t jelenti, hogy egy \u00f6sszeget kapjunk. A JavaScriptben az \u00f6sszead\u00e1s a &#8222;+&#8221; oper\u00e1torral v\u00e9gezhet\u0151 el. P\u00e9ld\u00e1ul k\u00e9t sz\u00e1m, mondjuk 3 \u00e9s 5 \u00f6sszead\u00e1s\u00e1hoz a k\u00f6vetkez\u0151 k\u00f3dot haszn\u00e1lhatjuk: <\/p>\n<div class=\"newlinediv\"><\/div>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;&#8222; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> let sum = 3 + 5; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> console.log(sum); \/\/ Kimenet: 8 <\/p>\n<div class=\"title\"> &#8222;&#8222; <\/div>\n<p> A fenti k\u00f3d l\u00e9trehoz egy &#8222;sum&#8221; v\u00e1ltoz\u00f3t, \u00e9s hozz\u00e1rendeli a 3 \u00e9s 5 \u00f6sszead\u00e1s\u00e1val kapott \u00e9rt\u00e9ket. A console.log utas\u00edt\u00e1s az &#8222;sum&#8221; \u00e9rt\u00e9k\u00e9t adja ki, ami 8. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> A JavaScript azt is lehet\u0151v\u00e9 teszi, hogy egyszerre t\u00f6bb sz\u00e1mot adjunk \u00f6ssze. P\u00e9ld\u00e1ul 3, 5 \u00e9s 7 \u00f6sszead\u00e1s\u00e1hoz a k\u00f6vetkez\u0151 k\u00f3dot haszn\u00e1lhatjuk: <\/p>\n<div class=\"newlinediv\"><\/div>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;` <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> let sum = 3 + 5 + 7; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> console.log(sum); \/\/ Kimenet: 15 <\/p>\n<div class=\"title\"> &#8222;&#8222; <\/div>\n<p> A fenti k\u00f3d \u00f6sszeadja a h\u00e1rom sz\u00e1mot, \u00e9s az eredm\u00e9nyt az &#8222;\u00f6sszeg&#8221; v\u00e1ltoz\u00f3hoz rendeli. A console.log utas\u00edt\u00e1s az &#8222;sum&#8221; \u00e9rt\u00e9k\u00e9t adja ki, ami 15. <\/p>\n<div class=\"title\"> Sz\u00e1mokat tartalmaz\u00f3 v\u00e1ltoz\u00f3kat is hozz\u00e1adhatunk. P\u00e9ld\u00e1ul: <\/div>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;` <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> let a = 10; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> let b = 20; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> let sum = a + b; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> console.log(sum); \/\/ Kimenet: 30 <\/p>\n<div class=\"title\"> &#8222;` <\/div>\n<p> A fenti k\u00f3dban l\u00e9trehozunk k\u00e9t &#8222;a&#8221; \u00e9s &#8222;b&#8221; v\u00e1ltoz\u00f3t, \u00e9s 10, illetve 20 \u00e9rt\u00e9ket rendel\u00fcnk hozz\u00e1juk. Ezut\u00e1n \u00f6sszeadjuk a k\u00e9t v\u00e1ltoz\u00f3t, \u00e9s az eredm\u00e9nyt az &#8222;sum&#8221; v\u00e1ltoz\u00f3hoz rendelj\u00fck. A console.log utas\u00edt\u00e1s kiadja az &#8222;sum&#8221; \u00e9rt\u00e9k\u00e9t, ami 30. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> \u00c9rdemes megjegyezni, hogy a JavaScript a k\u00fcl\u00f6nb\u00f6z\u0151 t\u00edpus\u00fa \u00e9rt\u00e9kek \u00f6sszead\u00e1sakor t\u00edpus-k\u00e9nyszer\u00edt\u00e9st alkalmaz. Ha p\u00e9ld\u00e1ul egy sz\u00e1mot \u00e9s egy karakterl\u00e1ncot adunk \u00f6ssze, a karakterl\u00e1ncot sz\u00e1mm\u00e1 konvert\u00e1lja, miel\u0151tt az \u00f6sszead\u00e1st v\u00e9grehajtan\u00e1. Tekints\u00fck a k\u00f6vetkez\u0151 p\u00e9ld\u00e1t: <\/p>\n<div class=\"newlinediv\"><\/div>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;&#8222; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> let a = 5; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> let b = &#8222;10&#8221;; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> let sum = a + b; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> console.log(sum); \/\/ Kimenet: 15 <\/p>\n<div class=\"title\"> &#8222;` <\/div>\n<p> A fenti k\u00f3dban l\u00e9trehozunk k\u00e9t &#8222;a&#8221; \u00e9s &#8222;b&#8221; v\u00e1ltoz\u00f3t, \u00e9s hozz\u00e1juk hozz\u00e1rendelj\u00fck az 5 \u00e9s a &#8222;10&#8221; \u00e9rt\u00e9keket. Ezut\u00e1n \u00f6sszeadjuk a k\u00e9t v\u00e1ltoz\u00f3t, \u00e9s az eredm\u00e9nyt az &#8222;sum&#8221; v\u00e1ltoz\u00f3hoz rendelj\u00fck. A console.log utas\u00edt\u00e1s kiadja az &#8222;sum&#8221; \u00e9rt\u00e9k\u00e9t, ami 15. A &#8222;10&#8221; karakterl\u00e1ncot az \u00f6sszead\u00e1s el\u0151tt 10-es sz\u00e1mm\u00e1 alak\u00edtjuk. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> \u00d6sszefoglalva, az \u00f6sszead\u00e1s egy alapvet\u0151 aritmetikai m\u0171velet, amely k\u00f6nnyen elv\u00e9gezhet\u0151 JavaScriptben a &#8222;+&#8221; oper\u00e1tor seg\u00edts\u00e9g\u00e9vel. T\u00f6bb sz\u00e1mot \u00e9s sz\u00e1mokat tartalmaz\u00f3 v\u00e1ltoz\u00f3kat is \u00f6sszeadhatunk. Fontos szem el\u0151tt tartani, hogy a JavaScript a k\u00fcl\u00f6nb\u00f6z\u0151 t\u00edpus\u00fa \u00e9rt\u00e9kek \u00f6sszead\u00e1sakor t\u00edpus-k\u00e9nyszer\u00edt\u00e9st alkalmaz.<\/p><\/div>\n<div class=\"questions\">\n<div class=\"questionstitle\">FAQ<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Van += a JavaScriptben?<\/div>\n<p> Igen, van += oper\u00e1tor a JavaScriptben. A += oper\u00e1tort \u00f6sszead\u00e1s hozz\u00e1rendel\u00e9si oper\u00e1tornak nevezik, \u00e9s arra szolg\u00e1l, hogy a jobb oldali \u00e9rt\u00e9ket hozz\u00e1adja a bal oldali v\u00e1ltoz\u00f3hoz, majd az eredm\u00e9nyt visszaadja a bal oldali v\u00e1ltoz\u00f3nak. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> P\u00e9ld\u00e1ul, ha van egy `x` v\u00e1ltoz\u00f3nk, amelynek \u00e9rt\u00e9ke 5, akkor a += oper\u00e1torral hozz\u00e1adhatunk 3-at az `x`-hez, \u00e9s az eredm\u00e9nyt \u00edgy rendelhetj\u00fck vissza az `x`-hez: <\/p>\n<div class=\"newlinediv\"><\/div>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;&#8222; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> x += 3; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;&#8222; <\/p>\n<div class=\"newlinediv\"><\/div>\n<div class=\"newlinediv\"><\/div>\n<p> E m\u0171velet ut\u00e1n az `x` \u00e9rt\u00e9ke 8 lesz. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> Ez az oper\u00e1tor m\u00e1s aritmetikai oper\u00e1torokkal, p\u00e9ld\u00e1ul kivon\u00e1ssal, szorz\u00e1ssal \u00e9s oszt\u00e1ssal is haszn\u00e1lhat\u00f3. P\u00e9ld\u00e1ul a -= oper\u00e1torral kivonhatunk egy \u00e9rt\u00e9ket egy v\u00e1ltoz\u00f3b\u00f3l, a *= oper\u00e1torral megszorozhatunk egy v\u00e1ltoz\u00f3t egy \u00e9rt\u00e9kkel, a \/= oper\u00e1torral pedig oszthatunk egy v\u00e1ltoz\u00f3t egy \u00e9rt\u00e9kkel. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> Az \u00f6sszead\u00e1s hozz\u00e1rendel\u00e9si oper\u00e1tor haszn\u00e1lata t\u00f6m\u00f6rebb\u00e9 \u00e9s olvashat\u00f3bb\u00e1 teheti a k\u00f3dot, k\u00fcl\u00f6n\u00f6sen akkor, ha t\u00f6bb m\u0171veletet hajtunk v\u00e9gre ugyanazon a v\u00e1ltoz\u00f3val. <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Mi az \u00f6sszead\u00e1s szimb\u00f3luma a JavaScriptben?<\/div>\n<p> Az \u00f6sszead\u00e1s szimb\u00f3luma a JavaScriptben a pluszjel (+). K\u00e9t vagy t\u00f6bb sz\u00e1m \u00f6sszead\u00e1s\u00e1ra vagy k\u00e9t vagy t\u00f6bb karakterl\u00e1nc \u00f6sszekapcsol\u00e1s\u00e1ra szolg\u00e1l. A plusz jel oper\u00e1tor arra is haszn\u00e1lhat\u00f3, hogy egy karakterl\u00e1ncot sz\u00e1mm\u00e1 alak\u00edtson \u00e1t, ezt nevezik t\u00edpus k\u00e9nyszer\u00edt\u00e9snek. Fontos megjegyezni, hogy ha az egyik vagy mindk\u00e9t operandus karakterl\u00e1nc, akkor a plusz jel a karakterl\u00e1ncokat \u00f6sszead\u00e1s helyett \u00f6sszekapcsolja. Ahhoz, hogy az \u00f6sszead\u00e1st olyan v\u00e1ltoz\u00f3kkal v\u00e9gezz\u00fck, amelyek nem numerikus \u00e9rt\u00e9keket tartalmazhatnak, fontos a megfelel\u0151 hibakezel\u00e9si technik\u00e1k alkalmaz\u00e1sa a v\u00e1ratlan eredm\u00e9nyek elker\u00fcl\u00e9se \u00e9rdek\u00e9ben. <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Hogyan adjunk \u00f6ssze k\u00e9t \u00e9rt\u00e9ket JavaScriptben?<\/div>\n<p> JavaScriptben k\u00e9t \u00e9rt\u00e9ket a &#8222;+&#8221; oper\u00e1torral adhatunk \u00f6ssze. \u00cdme egy p\u00e9lda: <\/p>\n<div class=\"newlinediv\"><\/div>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;&#8222; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> var num1 = 5; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> var num2 = 10; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> var sum = num1 + num2; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> console.log(sum); \/\/ Kimenet: 15 <\/p>\n<div class=\"newlinediv\"><\/div>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;` <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> Ebben a p\u00e9ld\u00e1ban k\u00e9t v\u00e1ltoz\u00f3t, a `num1` \u00e9s a `num2` v\u00e1ltoz\u00f3t deklar\u00e1ljuk, \u00e9s hozz\u00e1juk 5, illetve 10 \u00e9rt\u00e9ket rendel\u00fcnk. Ezut\u00e1n a `num1` \u00e9s `num2` \u00e9rt\u00e9keit a &#8222;+&#8221; oper\u00e1torral \u00f6sszeadjuk, \u00e9s az eredm\u00e9nyt egy \u00faj, `sum` nev\u0171 v\u00e1ltoz\u00f3ban t\u00e1roljuk. V\u00e9g\u00fcl napl\u00f3zzuk a `sum` \u00e9rt\u00e9k\u00e9t a konzolra, amely 15-\u00f6t ad ki. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> Vegy\u00fck \u00e9szre, hogy a &#8222;+&#8221; oper\u00e1tor nem csak a sz\u00e1mok \u00f6sszead\u00e1s\u00e1ra korl\u00e1toz\u00f3dik. Sz\u00f6vegek \u00f6sszekapcsol\u00e1s\u00e1ra is haszn\u00e1lhat\u00f3. P\u00e9ld\u00e1ul: <\/p>\n<div class=\"newlinediv\"><\/div>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;&#8222; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> var string1 = &#8222;Hello&#8221;; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> var string2 = &#8222;World&#8221;; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> var greeting = string1 + &#8221; &#8221; + string2; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> console.log(greeting); \/\/ Kimenet: &#8222;Hello World&#8221; <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> &#8222;` <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> Ebben a p\u00e9ld\u00e1ban k\u00e9t v\u00e1ltoz\u00f3t, a `string1` \u00e9s a `string2` v\u00e1ltoz\u00f3kat deklar\u00e1ljuk, \u00e9s hozz\u00e1juk rendelj\u00fck a &#8222;Hello&#8221; \u00e9s a &#8222;World&#8221; \u00e9rt\u00e9keket. Ezut\u00e1n a `string1` \u00e9s `string2` \u00e9rt\u00e9keit a &#8222;+&#8221; oper\u00e1torral \u00f6sszekapcsoljuk, \u00e9s az eredm\u00e9nyt egy \u00faj, `greeting` nev\u0171 v\u00e1ltoz\u00f3ban t\u00e1roljuk. V\u00e9g\u00fcl a `greeting` \u00e9rt\u00e9k\u00e9t napl\u00f3zzuk a konzolra, amely a &#8222;Hello World&#8221; \u00fczenetet adja ki. <\/p>\n<\/div>\n<div class=\"question\">\n<div class=\"qtitle\"> Mi a += a k\u00f3dban?<\/div>\n<p> A k\u00f3dban a += oper\u00e1tort &#8222;b\u0151v\u00edtett hozz\u00e1rendel\u00e9si oper\u00e1tornak&#8221; nevezik. Arra szolg\u00e1l, hogy egy v\u00e1ltoz\u00f3hoz hozz\u00e1adjunk egy \u00e9rt\u00e9ket, majd az eredm\u00e9nyt visszaadjuk ugyanannak a v\u00e1ltoz\u00f3nak. Ez egy r\u00f6vid\u00edtett m\u00f3dja a k\u00f3d \u00edr\u00e1s\u00e1nak, amely t\u00f6m\u00f6rebb \u00e9s k\u00f6nnyebben olvashat\u00f3, mint a k\u00fcl\u00f6n \u00f6sszead\u00e1si \u00e9s hozz\u00e1rendel\u00e9si oper\u00e1torok haszn\u00e1lata. <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> P\u00e9ld\u00e1ul, ha van egy x v\u00e1ltoz\u00f3, \u00e9s 5-t akarsz hozz\u00e1adni, akkor azt \u00edrhatod, hogy: <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> x = x + 5 <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> A += oper\u00e1tor haszn\u00e1lat\u00e1val azonban ugyanezt a k\u00f3dot egyszer\u0171bben is meg\u00edrhatjuk: <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> x += 5 <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> Ez megegyezik az els\u0151 k\u00f3dsorral, de kevesebb karakterrel \u00e9s kevesebb ism\u00e9tl\u00e9ssel. A += oper\u00e1tor b\u00e1rmilyen aritmetikai m\u0171velethez haszn\u00e1lhat\u00f3, bele\u00e9rtve a kivon\u00e1st (-=), szorz\u00e1st (*=), oszt\u00e1st (\/=) \u00e9s modulust (%=). <\/p>\n<div class=\"newlinediv\"><\/div>\n<p> A b\u0151v\u00edtett hozz\u00e1rendel\u00e9si oper\u00e1torok haszn\u00e1lata hat\u00e9konyabb\u00e1 \u00e9s k\u00f6nnyebben olvashat\u00f3v\u00e1 teheti a k\u00f3dot, de fontos, hogy helyesen haszn\u00e1ljuk \u0151ket, \u00e9s ne haszn\u00e1ljuk t\u00fal \u0151ket. Csak akkor haszn\u00e1ljuk \u0151ket, ha a k\u00f3dunk kontextus\u00e1ban van \u00e9rtelme, \u00e9s tov\u00e1bbra is t\u00f6rekedn\u00fcnk kell arra, hogy vil\u00e1gos, olvashat\u00f3, k\u00f6nnyen \u00e9rthet\u0151 \u00e9s karbantarthat\u00f3 k\u00f3dot \u00edrjunk.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>A JavaScript egy sokoldal\u00fa programoz\u00e1si nyelv, amelyet dinamikus \u00e9s interakt\u00edv weboldalak l\u00e9trehoz\u00e1s\u00e1ra haszn\u00e1lnak. A programoz\u00e1s egyik leggyakoribb feladata az olyan sz\u00e1mtani m\u0171veletek elv\u00e9gz\u00e9se, mint az \u00f6sszead\u00e1s, kivon\u00e1s, szorz\u00e1s \u00e9s oszt\u00e1s. Ebben a cikkben arra \u00f6sszpontos\u00edtunk, hogyan v\u00e9gezhet\u00fcnk \u00f6sszead\u00e1st JavaScriptben. Az \u00f6sszead\u00e1s egy alapvet\u0151 aritmetikai m\u0171velet, amely k\u00e9t vagy t\u00f6bb sz\u00e1m \u00f6sszekapcsol\u00e1s\u00e1t jelenti, hogy egy \u00f6sszeget &#8230; <a title=\"JavaScript Math: Adal\u00e9kol\u00e1s k\u00f6nnyen\" class=\"read-more\" href=\"https:\/\/megnyitasa.com\/tudas\/javascript-math-adalekolas-konnyen\/\" aria-label=\"Read more about JavaScript Math: Adal\u00e9kol\u00e1s k\u00f6nnyen\">Read more<\/a><\/p>\n","protected":false},"author":668,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-784","post","type-post","status-publish","format-standard","hentry","category-uzleti-es-munkahelyi-szabalyok"],"_links":{"self":[{"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/posts\/784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/users\/668"}],"replies":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/comments?post=784"}],"version-history":[{"count":1,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/posts\/784\/revisions"}],"predecessor-version":[{"id":22296,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/posts\/784\/revisions\/22296"}],"wp:attachment":[{"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/media?parent=784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/categories?post=784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/tags?post=784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}