Ang pagsasagawa ng pagdaragdag ng JavaScript ay maaaring parang isang simpleng gawain, hanggang sa matuklasan mo ang bilang ng iba't ibang mga paraan na maaari mong idagdag ang mga ito. Ang mga kalkulasyon sa matematika ay madalas na kritikal na pagpapatakbo na nangangailangan ng matinding katumpakan. Ang mga website na nagbebenta ng mga produkto, halimbawa, ay hindi maaaring manatiling paniwala sa pamamagitan ng labis na pagsingil sa isang customer ng ilang mga pennies dahil sa isang maling karagdagan sa JavaScript. Ang pag-aaral kung paano magdagdag ng mga numero nang tama ay makakatulong sa iyong lumikha ng mga mapagkakatiwalaang mga website na mahusay na manipulahin ang numerong data.
Pagta-type ng JavaScript
Hindi tulad ng mga malakas na nai-type na wika ng programa tulad ng C #, maluwag na nai-type ang JavaScript at pinapayagan kang magtalaga ng anumang uri ng data sa isang variable nang hindi binibigyan ang variable ng isang tukoy na uri. Halimbawa, sa JavaScript, maaari kang magtalaga ng isang numero sa isang variable na pinangalanang "x" nang madali hangga't maaari mong italaga ang salitang "mansanas" dito. Pinapayagan ka ng kakayahang umangkop na ito na lumikha ng mga programa nang hindi nag-aalala tungkol sa mga uri ng deklarasyon. Gayunpaman, ang maluwag na pag-type ng data ay mayroon ding mga drawbacks, dahil maaari mo ring subukang idagdag ang numero 2 sa isang variable sa isa pang variable na ang halaga ay "mansanas." Hindi ito maaaring mangyari sa isang malakas na nai-type na wika ng programa.
Pangunahing Pagdaragdag ng JavaScript
Ang sumusunod na code ay nagdaragdag ng dalawang numero at iniimbak ang resulta sa isang variable na pinangalanang "kabuuan":
var x = 1; var y = 2; resulta ng var = x + y;
Ang resulta ay "3" sa simpleng halimbawang ito. Magdagdag ng mga numero sa JavaScript sa pamamagitan ng paglalagay ng plus sign sa pagitan nila. Maaari mo ring gamitin ang sumusunod na syntax upang maisagawa ang karagdagan:
var x + = y;
Sinasabi ng operator ng "+ =" sa JavaScript na idagdag ang variable sa kanang bahagi ng operator sa variable sa kaliwa.
Floating-Point Addition
Ang mga numero ng lumulutang-point, tulad ng 1.234, ay naglalaman ng mga decimal point. Kung nagdagdag ka ng mga numero ng lumulutang-point tulad ng ipinakita sa ibaba, pinapanatili ng JavaScript ang mga decimal point, tulad ng ipinakita sa ibaba:
var x = 1.234; var y = 10; var z = x + y;
Matapos idagdag ang "y" sa "x," ang JavaScript ay nag-iimbak ng "11.234" sa variable na "z". Maaari mong kontrolin ang bilang ng mga decimal point na lilitaw sa isang resulta sa pamamagitan ng paggamit ng "toFixed" function. Sa halip na idagdag ang "x" sa "y," gamitin ang sumusunod na syntax sa halip:
var z = (x + y) .toFixed (2);
Ang pamamaraang "toFixed" ay nag-format ng resulta upang magpapakita lamang ito ng dalawang decimal point. Palitan ang "2" sa anumang iba pang numero upang lumitaw ang maraming mga numero pagkatapos ng decimal point.
Pagdaragdag ng Data ng Teksto
Maaaring natuklasan mo ang isang nakakainis na problema kapag sinusubukang idagdag ang mga numero na ipinasok sa mga text box. Naglalaman ang mga text box ng string data, at pinoprotektahan ng JavaScript ang mga ito bilang mga string. Ang sumusunod na code ay nakadugtong ng dalawang mga string gamit ang plus operator:
var x = "Mga mansanas" + "Mga dalandan";
Naglalaman ang variable na "x" ng "ApplesOranges" pagkatapos tumakbo ang code. Ang parehong bagay ay nangyayari kung isinasagawa mo ang sumusunod na karagdagan gamit ang mga bilang na ipinasok sa dalawang mga kahon ng teksto na ang mga halaga ng ID ay "text1" at "text2":
var x = document.getElementById ("textbox1"). halaga; var y = document.getElementById ("textbox2"). halaga; var z = x + y;
Kung ang unang text box ay naglalaman ng "1" at ang pangalawang text box ay naglalaman ng "2," ikinakabit ng JavaScript ang dalawang halagang iyon sa halip na idagdag ang mga ito, at maiimbak ang "12" sa variable na "z". Pigilan ito sa naganap na gamitin ang pagpapaandar ng Numero, tulad ng ipinakita sa ibaba:
var z = Bilang (x) + Bilang (y);
Ang resulta sa halimbawang ito ay 3.
Katumpakan
Habang pinoproseso ang data, maaaring kailanganin ng iyong application na bilugan ang mga numero at alisin ang mga decimal point. Ginagawa ng pamamaraang Math.Round ang gawaing ito, tulad ng ipinakita sa sumusunod na halimbawa:
var x = 1.4 var y = 1.2; var z = Math.round (x + y);
Ang pagdaragdag ng "x" at "y" dito ay normal na magbubunga ng 2.6 bilang resulta. Gayunpaman, kung gumagamit ka ng Math.Round upang maisagawa ang karagdagan, bilog ng JavaScript ang halaga sa 3. Ang pamamaraang ito, na gumagana sa lahat ng mga browser, ikot ang mga numero sa susunod na integer kung ang resulta ay 0.5 o mas mataas.