iT邦幫忙

2021 iThome 鐵人賽

DAY 1
1
Modern Web

想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧系列 第 1

[想試試看JavaScript ] 變數

寫程式的目的,就是希望程式可以自動幫我們處理資料並且計算成果出來。
所以我們期待的運行流程就是
輸入->處理資料->輸出

例如,計算機軟體,就是我們輸入數字,並且輸入加減乘除,程式輸出計算的結果。
輸入:輸入要處理的資料,也就是想計算的數字
處理資料:程式處理資料
輸出:程式將計算的結果輸出出來。

大概理解之後我們可以開寫程式,可以使用編譯器,或者使用 Google 瀏覽器按下 F12 ,並且按下console 就可以在裡面開始寫程式。
https://ithelp.ithome.com.tw/upload/images/20210901/20140896f6BDZYGJpe.jpg
https://ithelp.ithome.com.tw/upload/images/20210901/20140896OBNbT8tLLo.jpg

變數

變數就像一個存放資料的盒子,我們可以將資料放進盒子,並且告訴電腦那些盒子的資料需要處理,電腦就會去找正確的盒子進行運算。

宣告變數

我們可以使用 var 來宣告一個變數
var number;
並且我們使用 = 將資料放進去

var number;
number=1

並且使用 console.log() 確定資料有沒有放進去

var number; // 宣告變數
number=1; // 將資料放進去
console.log(number); // 將資料印出來看看,可以知道這個變數裡面目前是什麼資料,印出結果為1

在程式碼裡面 = 並不是等於的意思,而是指定的意思,意思是要將資料放進去。
至於等於則會使用 == 或者 ===
在 JavaScript 中電腦解讀程式碼是一行一行讀取,每打完一行打個分號,電腦就會知道這一行到此為止。

變數命名

變數可以自由命名,不過我們應該命名一些,好懂得名稱,方便我們自己回想自己輸入了什麼內容。
例如,數字可以使用 number ,文字可以使用 str

var number=1;
var str="Apple";

console.log(number); // 將資料印出來看看,確定資料是 1
console.log(str); // 印出 Apple

我在指定 Apple 到 str 裡面,我使用了雙引號 "" 將我指定的資料放進去。
使用雙引號代表我想放的資料是文字,也就是字串。

var number=1;
var word="1";

console.log(number); // 印出 1
console.log(word); // 印出 "1"

那學這個變數可以做什麼呢?

我們可以做一些簡單的運算範例

var price=100;   // 設定價格 100
var discount=0.8; // 設定折扣 八折
var tatol=price * discount // 將 price 與 discount 相乘後放進 tatol

console.log(tatol); // 印出 80

這樣就可以符合開頭講的邏輯。
輸入->處理資料->輸出
之後寫的程式可以運用一些別的技巧,程式就可以將要運算的資料放進變數,並且自動進行運算將結果輸出在網頁的畫面上。


下一篇
[想試試看JavaScript ] 資料型態 與字串
系列文
想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧30

尚未有邦友留言

立即登入留言