# 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`