[day-2] JS 環境建立流程/賦值運算子/字串型別


Posted by Xiang on 2021-10-22

網頁與 Code 環境建立流程

  1. 建立一支all.js檔案
  2. 在html的內容輸入<script src”路徑/all.js”> </script>來載入js檔案

console.log /alert 印出資訊

console.log( )印出目前資料 / alert( )彈出視窗

let a = 1;
let b = 2;
console.log(a,b);
console.log(b);
alert(a);
//則會輸出1 2,2和彈出視窗顯示1

JavaScript的註解

單行註解,寫在兩個(正)斜線「//」之後,例如: // 我是一個註解
多行註解:寫在// 之間的文字,例如: / 我也是一個註解/


賦值運算子

加法賦值x = x + y 可以寫為 x += y
減法賦值x = x — y可以寫為 x -= y
乘法賦值 x = x y可以寫為 x = y
除法賦值x = x / y可以寫為 x /= y


a++、a- -

a++:幫a變數+1
a- -幫a變數 - 1


宣告字串流程

用 單引號/雙引號 將內容包起來則為字串資料

let a = ‘hello’; //(宣告a賦予hello字串)
console.log(a); //則會印出 hello

字串相加

用+號將兩段字串相加在一起

let b=’hello ’ + ‘world’;
console.log(b); //則會印出hello world

實際應用範例:

let friendName = ‘Tom’;
let content = ‘你好嗎?’;
console.log(friendName+‘ ’+content); 
//裡面可以自己加入字串 空白則會印出 Tom 你好嗎?

自動轉型

字串與數字相加時 會自動將數字轉為字串

let myName = ‘Tom’;
let age = 20;
//JavaScript 有些情況下會貼心地幫你轉型
let totle = myName + age ;
console.log(typeof totle) //則會得出string字串型別
console.log(“hi 我是“+myName+”,我今年“+age+”歲”)
//則會整段轉為字串 印出 hi 我是Tom,我今年20歲

NaN

當字串和數字做乘除等不可執行的運算時產生出來的錯誤訊息
而用typeof查詢該變數時則會寫是number
表示未定義或不可表示的值。
字串處理實用方法

  • 變數.length; :查詢變數的字元長度
  • 變數.trim( ); :將變數的空格去除後輸出 (不會改變原本的值)

變數記憶體指向講解

let myEmail = ‘ tom ‘; //宣告一段值
myEmail = myEmail.trim( ); //用同一個變數去接上運算後的值
console.log(myEmail); //輸出則會是改變後的結果

#若沒有用變數去接運算後的值 則運算後的值不會被記錄下來


樣版字面值

ES6之前的寫法若要在變數和字串穿插 則需要用上很多“”和+號

舊寫法 🕘

let myName = “Mary”
let myHeight = “189”
let content = “我現在”+myHeight+”公分,我是”+myName;

而ES6之後多了一種新的方法 『樣板字面值』寫法
外層用``將字串內容包覆住 裡面若要用到變數則用${變數名稱}來傳進資料
可以有效地減少符號的運用卻達到一樣的效果

新寫法 ✔️

let myName = “Mary”
let myHeight = “189”
let content = `我現在${myHeight}公分,我是${myName}`

#javescript #js #web front end #String type







Related Posts

React Elements

React Elements

Redux 應用官方教學筆記

Redux 應用官方教學筆記

python 函數

python 函數


Comments