javascript

JavaScript 中各種型別的判定

最近在寫一些 JavaScript 的題目，才發現 JavaScript 中有些東西的型別實在是滿奇怪的，或是每個 library 或 framework 定義不同，實作出來的型別也會不同，所以稍微整理了一下在 JavaScript 中各種型別的判定。

JavaScript iterate object 的時候到底有沒有順序性

一直以來，都知道 JavaScript 的 object 在 iterate 的時候並不會保證順序，也因此就一直以為是沒有順序的，直到最近仔細看了 MDN 的文件才發現其實是有某種順序性的。 這裡的順序指的是 iterate object 的順序，包含：for…in, for…of, Object.keys(), Object.values()。

JavaScript module - CommonJS, ES Module

在 JavaScript 中，主要有兩種方式來處理 module: CommonJS 以及 ES Module，這篇簡單整理一下兩者的差別。

為什麼 js 中用 ES Module 的方式 import module 時，有時候需要 extension name (副檔名)，有時候不用？

最近在研究 js 中 module 的用法，發現在使用 ES Module 的方式 import module 時，有時候會需要 extension name，但我在工作上 import 的時候卻從來沒加過 extension name，好奇什麼時候會需要加 extension name，於是有了這篇文章的誕生。

為什麼 Node.js 和瀏覽器中使用 localeCompare 時，排序會不同呢？

會有這篇文的誕生是因為，最近在工作上需要處理一些字元排序的功能，想要整理成筆記，但意外發現在瀏覽器中和 Node.js 使用 localeCompare 時排序卻不一樣，於是稍微探究了一下箇中原因。

【 JavaScript 】Set 筆記

延續上一篇：，這篇就來筆記一下 Set 的用法吧！ JavaScript Set 1. 特性 - Set 內的元素不重複 - has method 可以快速檢查 Set 是否包含某元素，效能會比使用陣列的 來得好 2. 宣告 Set 基本上使用 new Set()，argument 可以為空或是 array，如果是 array，會自動把重複的元素過濾掉： 3. 操作 Set 4. 迭代 S

【 JavaScript 】Map 筆記

JavaScript Map 和 JavaScript Set 相較 Array 和 Object 算是比較沒那麼常用的資料結構，導致每次要用的時候都要去查 MDN，所以決定來筆記一下，這篇就先來筆記 Map 吧！ JavaScript Map 1. 特性 - Map 由多筆的 key-value pairs 組成，類似資料結構中的 hash - key 可以是任意的資料型態，ex: funct

【 JavaScript 】JavaScript 效能測試的好幫手 ⏤ console.time

記得有一次想要測試一下自己 2 種 function 寫法的效能，但當時的我連關鍵字都不知道要下什麼於是作罷，直到後來偶然看到這篇文章：，才意外發現可以用 console.time 這個語法來測試 function 的效能，以下簡單介紹一下用法。

JavaScript 中的同步與非同步 - Event Loop 原理

剛好最近公司讀書會報告到這個主題，就順手把 JavaScript 中的同步與非同步整理成文章了。 在說明同步與非同步的概念之前，先簡單介紹一下 JavaScript 這個程式語言。

【 JavaScript 】JavaScript 費氏數列的 3 種解法

面試的時候經常會問到怎麼用 JavaScript 解費氏數列，面試到後面整理了一下常見的 3 種解法： 首先說明一下費氏數列：[0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55] ，通常會請你用 JavaScript 求解陣列的最後一個值。 1. JavaScript 費氏數列 - 遞迴解 2. JavaScript 費氏數列 - 迴圈解 3. JavaScript 費氏數列 - Memoization

【 JavaScript 】JavaScript 型別轉換整理

JavaScript 型別轉換整理

【JavaScript】如何刪除陣列重複項

最近實作後端時需要刪除陣列重複項，但 google 了一下發現方法都好複雜，所以後來乾脆自己想，紀錄一下自己的方法~

【JavaScript】甚麼時候該用 for...in，甚麼時候該用 for...of

for...in 是個常在 Object 中使用的方法，但前一陣子發現原來還有 for...of，怕搞混這兩個所以來整理一下差別。 1. for...in 根據 ，for...in 用來跌代 Object 中 enumerable 的屬性，然而不只會跌代所宣告 Object 中 enumerable 的屬性，還會遞迴該 Object 的 prototype 中 enumerable 的屬性。 那

【JavaScript瀏覽器】：實作串接 API (1) ⏤ Unsplash API

因為對用 JavaScript 串接 API 滿不熟悉的，再加上最近看了些職缺用 JavaScript 串接 API 又是必備技能，所以決定來花點時間好好搞懂這塊，順便練習實作，比較容易發現問題出在哪裡。

【JavaScript基礎】：Array Methods — 陣列方法整理

陣列(array)屬於物件(object)的一種，在Javacript中有許多陣列方法(array methods)可做轉換或運算，來整理一下在看到陣列常見和相關的方法。 1. Array and String：陣列與字串的轉換 字串與陣列相關的方法 1.1 字串轉換成陣列 1.1.1 **Array.from()** 這個方法不只可以轉換字串，還可以轉換類陣列等等。 語法： > Array.f