Day 02

C’est quoi un Array

測試環境已 Chrome 瀏覽器為主，通常會在 VS code 打好碼，再丟到 Chrome 的 Console 跑。

在討論陣列之前，可以先來想像一下，如果今天天氣超級好，我們洗了很多衣服，曬乾之後的衣服充滿陽光的氣息，我們把這些衣服整包的丟到床上，一邊開著電視，一邊開始折衣服，再將所有的上衣折好放成一疊、長褲折好一疊、襪子捲好放成一堆，再一一放入衣櫃裡，我們分門別類地把這些衣服摺好時，這一疊的衣服就有陣列的概念了。

一般來說，陣列在程式語言裡的定義是：陣列(Array)是一組相同型態的連續變數，它們使用同一個變數名稱，而另外用一個索引值來指定使用第幾個變數。且陣列本質上是有序的，索引是從零開始計算的。

Day 01

人生總是要做些沒做過的事，例如寫鐵人賽

從來沒想過自己會參加這種接力賽，因為自認自己的恆毅力常常被自己的記憶力擊潰，有許多事自己做著做著就忘記了，即使做著筆記，也會常常記著記著就忘記自己記在哪裡了，金害！但是，人生總是要做些沒做過的事，例如寫鐵人賽，而且很幸運的可以跟好想工作室的夥伴一起參加，有人陪伴再好也不過。

本人曾經做過一段很長時間的平面設計，也忘了在那個還在做手工稿的年代，自己怎麼學會用電腦完稿的。接著網路還在撥接的年代，開始自學 HTML 和 CSS 從靜態網頁做到動畫網頁 Flash，接著用 PHP 做動態網頁，就這樣一路下來，幾年前的前端大變革，本人也差不多老了，but, but 總不能因為新的時代的來臨，而不去迎接它，於是在兩年前，因在職多年的傳統公司轉型沒成功翻身，公司瀕臨破產，於是就活生生地被資遣了。當時不知戲到底要不要繼續演下去，但還是很愛 WEB 這一塊，於是不小心把頭洗下去，那就繼續學習吧！

這一系列為 Anthony Alicea 的 「JavaScript 全攻略：克服 JS 的奇怪部分」課程筆記。
JavaScript 在呼叫函式的時候，到底發生了什麼事？是如何被執行的？
了解這些重不重要？應該很重要，就像一部車，如果不知道結構，要修理它恐怕很難吧？抱著這總心態，既然要學 JavaScript，那就好好瞭解它的運作原理吧。

我們先來想像一下，以下這段碼，在被編譯的時候，是怎麼進行的。

1
2
3
4
5

function b() {}
function a() {
  b();
}
a();

陣列在 JS 裡的原生型別是 object，這點可以由 typeof 來確認。但如果要確認某一元素的原型是陣列，或是在物件裡的某一元素是陣列，又該怎麼判別？
如果元素不是陣列，就無法使用陣列專用的函式或做些陣列的處理，因此才會有確認某元素的原型是陣列的需求。

1.isArray

最簡單的陣列判斷語法 isArray，用的是內建 Array 物件中的 isArray，是個 ES5 的標準方法:
Array.isArray(variable)

1
2

var a = [1, 2, 3, 4, 5];
Array.isArray(a); // true

slice() 中文直譯為切片，即是從陣列複製一份出來。
有時我們想要處理陣列資料，又不想動到原始資料，因為一但動到原始資料就無法回復原本的樣子，甚至要比對都無從比對，這時 slice()就常派上用場。
這點感覺有點像 git，先把資料 pull 一份下來的動作一樣。

Converting strings to numbers with vanilla JavaScript

透過瀏覽器輸入的內容，要拿來做運算用的時候，必須先轉成數字，否則運算出來結果一定會讓人出乎意料。列如要使用者輸入兩個數字，然後將其相加，再將結果顯示於畫面，如果不做轉型，則會 1 + 1 = 11, 4 + 2 = 42,而不是我們想要的 2 和 6。

判斷條件練習

練習一：判斷是否及格

請你自己寫出一段程式碼，是判斷一個叫做 score 的變數是否及格（超過或剛好 60 分），如果及格的話就輸出 pass，否則輸出 fail。
進階練習：
除了判斷是否及格以外，也請你對滿分做出特別判斷，如果是 100 分的話就輸出 you are no1!

SASS 重點

• Variables 變數
• Nesting 巢狀
• Partials / Imports
• Functions & Mixins 函式 & 巢狀
• Conditionale 條件式
• Operators & Calculations 必較與計算子
• Color Functions 顏色函式
  Read more »

前言

可能在 42 學 C 的時候，學校規定只能用 while 迴圈，所以已經習慣 While 一行行跑的步驟，自從開始用 for 之後，雖然碼比較簡潔，但自己千萬沒想到對它的誤解這磨深…..。以為是只要條件符合就直接 i++ 了，但其實並不是！！是如果條件符合，會先去跑我們要叫它做的事，然後再 i++ 。視覺上看是條件符合後就 i++ 是個大雷，切記。
==也就是說只要條件符合＋ return，就會跳出 loop==

相等比較運算 == 與 === 的不同

兩個等號通常是拿來比較兩邊的==值==是否不同
三個等號除了判斷==值==是否相同，也會判斷==型別==是否相同。

兩個等於會引發諸多問題的原因是 JS 常會暗地裡幫我們將資料轉型別，所以常常莫名的就通過判斷。以至於很容易就會出現誤判型別而導致出現錯誤。在使用判斷比較時盡量或只使用三個等於會比較精確與安全。