iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 6
0
自我挑戰組

草頭黃小姐的 30 天 JavaScript 自學小本本系列 第 6

Day 06 JavaScript 不同資料型態混在一起用:PART 2

Hi 今天的文章你訂閱了嗎?歡迎來到 K 口味開房間,祝你有個愉快的一天致敬(一日一致敬 XD )

複習一下

簡單為昨天的內容做個整理
資料型態可分為以下幾種:

  • 數字:1, 2 ,3 ...
  • 字串:"字串"
  • 真假值:true / false
  • 不明確:undefined
  • 不存在:null

console.log 如果要把兩個不同資料型態的內容放在一起,究竟會印出什麼東西呢?

  • 數字+數字:直接運算出來
    console.log ( 1 + 1 ); 會印出 2

  • 數字+字串:數字會轉型為字串
    console.log ( 1 + "1" ); 會印出 11

  • 字串+布林值:布林值會轉型成字串
    console.log ( "1" + ture ); 會印出 1ture

  • 數字+布林值:布林值會轉型成數字

    • true:1
    • false:0
      console.log ( 1 + ture ); 會印出 2
      console.log ( 1 + false ); 會印出 1

null 和 undefined

複習之後,我們接著再試試不同的組合吧!
接著,如果我們將數字+null 呢?我們就直接 JSbin 試一次吧,Let's Go!


因為 null 是不存在的東西,所以裡面就會只有數字 1。

那如果你是加上 undefined 呢?

你會得到一個 NaN,它的意思是 Not a Number

接下來,想介紹新東西給大家瞧瞧,如果你看到:

  • console.log ( [] + [] )
  • console.log ( {} + {} )

[] 在 JavaScript 裡稱為陣列
{} 在 JavaScript 裡稱為物件

他們印出後會有不同結果,大家可以試試,但不用特別去記得為什麼,我們到後面會慢慢提到:)


布林值

接下來,聊聊布林值,其實也就是真假值,true or false 的概念。

var a = true;
console.log( a );

我們來試著寫看看,透過 var 宣告 a 是 true。
們用 console.log 會印出什麼東西呢?答案是印出 true

我們來寫更複雜的

var age = 10;
var isadult = (age >=18); 

那 console.log(isadult) 會印出什麼?

印出它 false,是因為 JavaScript 的邏輯判斷功能。

運算功能

還記得數學式的運算規定都是先乘除後加減,那我們來看一下兩個例子:

那接下來我要寫一個新東西

var a = 1 ;
a = a+1 ;

接下來會印出

console.log(a)=2

記得在 JavaScript 的世界,一個等號(=)其實是指定的意思,根據上例,是把 1 指定去給 1+1,所以會印出 2 出來。

那如果有人用

var a = 1;
a++;

++ 功能,表示是遞增的意思,--反之亦然。
但小提醒:並沒有 ** 和 // 唷

最後稍微做個小整理:
一個 = 是指定,兩個 == 才是等於的意思唷!
有機會未來會碰到類似的練習,到時大家會更有概念:)


上一篇
Day 05 JavqScript 的不同資料型態混在一起會發生什麼事呢?
下一篇
Day 07 JavaScript 的流程控制
系列文
草頭黃小姐的 30 天 JavaScript 自學小本本30

尚未有邦友留言

立即登入留言