# JavaScript 從零到一開始編寫程式語言 Ep.1 JavaScrip (簡稱JS) 是一種直譯的程式語言,可用於編寫網頁,因此逐漸知名。也用於一些非網頁的環境,例如:Node.js。許多網頁也使用JavaScript製作,像是有些網頁的輸入密碼功能、網頁資料請求。 ## 前言 使用此篇教學學習JavaScript前,建議具有下列條件: - [x] 有一個可以使用的編譯軟體或網頁 - [x] 有程式設計基礎,像是條件、變數 - [x] 有一顆想要認真學習的心 > 任何技巧都不是簡簡單單就可以駕馭,必須經過努力的學習。 ## 教學 接下來,將要帶著大家學習JavaScript的各種基礎程式與技巧,讓您從零到一入門。 ### 資料型態 JavaScript中的資料型態主要分為三種 包括: * 字串 (String) `"字串內容"` * 數字 (Integer) `123` * 布林值 (Boolean) `true` ### 變數 若要新增一個變數,可以使用let: ```javascript //字串 let a = "字串範例"; //數字 let b = 0; //布林值 let c = false; ``` 變數可以是前方所提到的各種資料型態 > [name=WinsonOTP] 撰寫時不要忘了在一句程式碼結束時加上分號,以免產生意外錯誤。 ### 字串 字串 (String) 可以使用任何不限語言的文字組成: ```javascript let ex = "一個範例的字串 String"; ``` 也可以通過相加組成 (合併字串): ```javascript //變數字串合併 let astring = "字串a會和"; let bstring = "字串b合併"; let ab = astring+bstring; //字串直接合併 let abstr = "這個字串會和" + "這個字串合併"; ``` 也有許多可以對字串進行操作的程式碼: ```javascript //宣告字串變數 let str = "Hello-World"; //字串長度 console.log(str.length); //將字串字母化為大寫 console.log(str.toUpperCase()); //將字串字母化為小寫 console.log(str.toLowerCase()); //選擇字串的其中一位數 (會從0開始計算,也就是第一位是0) console.log(str.cherAt(1)); //查詢變數中的內容是第幾位 (以第一次出現為主) console.log(str.indexOf(h)); //列出變數中指定位置間的一段文字 console.log(str.substring(0,5)); ``` > [name=WinsonOTP] console.log(); 代表在控制台寫出括號中的值。 ### 數字 數字可以是任何數字,例如: ```javascript let test1 = 123; let test2 = 321; let test3 = 1234567; ``` 數字可以用於進行運算,像是加減乘除 (+ - * / ),使用方法如下: ```javascript let matha = 3+3; let mathb = 3-3; let mathc = 3*3; let mathd = 3/3; ``` 數字也可以通過許多種方式進行運算或取數: ```javascript //把數字取絕對值 console.log(Math.abs(-5)); //找出最大的數字 console.log(Math.max(1,2,3,4,5)); //找出最小的數字 console.log(Math.min(1,2,3,4,5)); //把數字做四捨五入 console.log(Math.round(2.5)); //把數字取根號 console.log(Math.sqrt(36)); //取0和1之間的隨機數字 console.log(Math.sqrt(Math.random())); ``` ### 陣列 如要設置許多變數,可能會用多次let來設置,但也可以使用更方便的方法:陣列。 ```javascript //定義一個陣列 let ans = [1,2,3,4,5,6]; ``` 此時定義了一個陣列,第0個值是1,第一個值是2 ......以此類推。 也可以寫出陣列中其中一個數字 ```javascript let arr = [1,2,3,4,5,6]; //通過'陣列名稱[要查詢位數]'來查詢 console.log(arr[0]); ``` ## 結論 這篇教學帶大家學習了JavaScript的入門內容,下一篇教學還會教大家更多各式各樣的內容,請拭目以待! ###### tags: `JavaScript`