iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
Modern Web

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

[想試試看JavaScript ] 資料型態 與字串

  • 分享至 

  • xImage
  •  

年初我開始學程式的時候,就是去網路上隨意翻閱文章就開始學了。
很常會被一堆專有名詞嚇傻。即使努力默記下來,將教學範例操作無數次,對專有名詞很熟了,還是不知道學這麼多名詞要做啥。

要學得又好、又快、又輕鬆,最重要的是學的過程中需要有明確的目標,知道為什麼要學這個,學了這個可以幫助自己解決什麼問題,每天比昨天能解決的問題更多一點。
大功能其實都是很多個小問題組成的,只要把大問題拆成小問題,再一一克服就能完成那些複雜的功能。

希望我寫的內容可以人比較知道為什麼要學這些設定與專有名詞。

資料型態

昨天學到變數、宣告變數、並且將資料放進去
現在來稍微了解 Javascript 將資料分成哪些種類
Javascript 的資料分為基本型別( primitive )與物件型別 ( object )
那學習資料型態可以做什麼呢?
因為程式碼會根據不同的資料型態會有不同反應,所以要稍微花點心思記住。
今天先介紹幾個基本型別

基本型別( pirmitive )

基本型別分成 stringnumberbooleannullundefined

string 字串

字串就是用來放文字內容的。
字串需要使用 ''(單引號) 或 " "(雙引號),兩個不能混用。

var str='這是字串';
var str2="這也是字串";

字串相加的話,可以將兩個字串內容串在一起
例如

var result="Jack"+"喜歡吃飯";//將字串相加放進變數
console.log(result); // 印出Jack喜歡吃飯

var name1="Jack"; //將資料放進變數
var name2="Abby";
var eat="喜歡吃飯";
var sleep="喜歡睡覺";

var result1=name1+eat; // 變數裡面裝的是字串,讓變數相加也可以
console.log(result1);  // 印出 Jack喜歡吃飯
var result2=name2+sleep;
console.log(result2); // 印出 Abby喜歡睡覺

// 交換也可以
var result3=name1+sleep;
console.log(result3); // 印出 Jack喜歡睡覺

這樣應該會稍微有一點成就感吧。
以後比較複雜一點的程式,就可以
1.讓資料自動放進變數裡面
2.讓變數自動相加
3.將結果自動畫在畫面

這個比較複雜的功能也是從先學習變數與字串開始,一步一步就可以辦到囉//


今天比較累就先寫到這囉,最近在努力找工作,希望每天還是可以盡量撥時間完成鐵人賽^^

推薦資源

MDN

Javascript 語言應用在很多不同地方,寫網頁前端、後端、寫手機 App
那這麼多地方都使用 Javascript,要是不同地方的輸入一樣 Javascript 程式碼,卻跑出不一樣的結果這樣就不好了,所以就必須要統一規格,去確保大家輸入一樣的程式碼內容就可以產出預期的效果。

那規格也可能更新,或者網路上的文章寫的內容跟實際運行稍微有出入,所以推薦可以去 MDN 這個網站查詢 Javascript 的語法。
https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Data_structures

他是 Mozilla 基金會在維護的網站,Mozilla 就是製作火狐瀏覽器的公司。
MDN 算很有公信力的網站,上面的資料比較多人在維護比較不會出錯,出錯也很就會有人去做更新。

MDN 上面的內容對新手還是比較困難的,所以我會在我想要學習更多更詳盡的語法才會使用這個網站。
不過常常查就能讓自己越來越強大了呢。


上一篇
[想試試看JavaScript ] 變數
下一篇
[想試試看JavaScript ] 資料型態 數字 布林 undefined null
系列文
想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言