---
# System prepended metadata

title: Rogan HSU JS筆記2

---

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