---
# System prepended metadata

title: JavaScript 從零到一開始編寫程式語言 Ep.1
tags: [JavaScript]

---

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