###### tags: JS筆記

# Rogan HSU JS筆記2

## 目錄
- [L1、變數與資料型別概述]
- [L2、布林、undefined、null]
- [L3、比較運算子與邏輯運算子]
- [L4、]

## L1、變數與資料型別概述

- [1-1變數宣告方式](/G2ISbuKKSymqhpkewIzr5g)

- [1-2變數let、const、var 介紹](https://hackmd.io/t9DWEpiJQu-et9LPIaXjbA)

- [1-3 console.log印出資訊](/6IwBFN9GS6S9JIm7xSmWOQ)

- [1-4 length算出字串數](/ORS1E0HeSNG-1xv1SUte9Q)

- [1-5 用trim顯示無空白建的值](/u-V6tnOuR-uszPLblK5Ibw)

- [1-6 用‵ 符號簡化樣板字面值](/qQ4NTaMfRfe7Lxvu0uuBBw)
## L2、布林、undefined、null

- [L2-1 boolean值介紹](/N_yPhy3cSk-Gpc-0H9m0Jw)

- [L2-2 undefined、null](/ALUOwOx8Sm2DGbt9XkLICQ)

- [L2-3 NAN產生時機](/StNaHqGRRq-AOVLSCA81XQ)

- [L2-4 字串與數字相互轉換 parseInt、toString](/iAaBSD-lR025bPefGjL0Og)

- [附加筆記 容易搞混的四兄弟](/QjqFvilIR1OokcAA-9YpBg)
1.length 2.trim 3.parseInt 4.toString();
## L3、比較運算子與邏輯運算子

- [L3-1 比較運算子](/zubueg51RBaTtUMD61Q5Mw)

- [L3-2 邏輯運算子](/gAbmdGhgTFi6W2ny0dUsUg)

- [L3-3 邏輯運算子情境範例](/9lC1R4uBTjGpLZQhF8mktg)
## L3-5、內建函式應用

- [L3-5-1 10_JavaScript Global Reference](/YWh4R2boRbGjT2iHZ6YV6Q)
- [L3-5-2 20_window](/I6LiUZ5UQ4SeAORlV73_0Q)
- [L3-5-3 30_dom](/f1Ny8-fXTFCWRcxq-OG7qw)

## L4、if流程判斷

- [L4-1 流程判斷](/aAH2kyErT729yhyUa8ErdQ)
if、 else、esle if

- [L4-2 if流程圖規劃](/8gSy1smcSeaXbpFyJgu7pQ)

- [L4-3 if中包if](/lGPCOApJTxWEWSUAeHQBRQ)

## L5、陣列

- [L5-1 宣告陣列](/4J5r-8VFSnqUEZePN3WV7w)
__(1.宣告 2.資料混合 3.讀取)

- [L5-2 length 讀取陣列長度流程](/mPqSs1RQQwyxIbb0n_PCdw)
__(length)

- [L5-3 陣列資料寫入方法](/T6emlZh-Ql-31iOlVY172w)
__(1.[]寫入 2.push 3.unshift)

- [L5-4 陣列資料刪除方法](/v3fi1HqgSjqfOpTVy3th-w)
__(1.pop&shift 2.splice)

## L6、物件

- [L6-1 物件格式](/ZeWdZlLzQJeHYEvaNDIaeA)
__(1.物件格式 2.讀取物件的值)

- [L6-2 新增及修改物件](/mf19ON09Qre1dKtl6MrJhw)
__(1.新增及修改屬性 2.[]讀取物件值 3.字串讀取物件值

## L7、物件與陣列整合應用

- [L7-1 讀取及應用](/cm51idJMRu-7cjm4YE6L5A)

- [L7-3 JSON](/9eX0OPeMTyK-piqasr0myQ)

- [L7-3搭配IF條件式判斷**](/qA0qQbsYR-ur7n8T_2iwIA)

## L8、Function

- [L8-1 函式宣告及執行](/TQWetLInRSG294g0tTFP-g)

- [L8-2 參數](/r-5v5_jJSJSYAi9hRgqDRA)

- [L8-3 return回傳值*****](/bzW54X-2Th6VeddgxNxB8Q)

- [L8-4 區域變數與全域變數***](/H-PeFsysRd-tHDs-RdSBhw)

## L9、DOM選取網頁元素

- [L9-1 DOM概述](/YKN4X6G3QCuYWu-VNQbiog)

- [L9-2 .textContent 修改文字內容及innerHTML 修改標籤結構](/r_a-jwBST9KrFNWy646j9g)

- [L9-3 setAttribute(屬性) 增加 HTML 標籤屬性](/inZt0QJ0RSuSh7aL4nA3Kg)

- [L9-4 取值方法](/XLwg8SGwT56QZgIUdXQW5A)

- [L9-5 表格取值及修改***](/0n4ib4sBS_-nFlsMQ4bgIQ)

## L10、Event事件

- [L10-1 事件概述](/g0-IWhkeQVi_sLOERNJuhw)

- [L10-2 事件資訊](/9fD2mRPfTnikEJVG_hxd1Q)
## L11、forEach

- [L11-1 forEach概述](/tpdvAw0DTkOX-xNXuEtlLA)
- [L11-2 透過forEach整合物件資料](/WLaamJ_ZSLOXWni0TLMPCQ)

## L12 forEach 題型練習
- [L12-1 整合按鈕及輸入值](/oa-VaIr0QDm7KJEqp0zdSA) *****

## L13 AJAX範例

- [L13-1 範例](/fiqMzQHjSs-XdJ696WHdIA)

## L14 to do list 範例

- [L14-1 範例](/LHFZSSoKRHGHdDNfXPjN8g)

## L15、陣列操作

- [L15-1 陣列操作 - map](/joeZPXYGSuK6Hr0s1KbroA)

- [L15-2 filtert 資料篩選](/52uZ0WKaSha-GsnhS9wXWg)

- [L15-3 find找出第一筆符合條件的資料](/RTz2uu5XSWGgYaISQrk4uw)