javascript
共 15 篇文章
- JavaScript 中各種型別的判定2025-04-21javascript
最近在寫一些 JavaScript 的題目,才發現 JavaScript 中有些東西的型別實在是滿奇怪的,或是每個 library 或 framework 定義不同,實作出來的型別也會不同,所以稍微整理了一下在 JavaScript 中各種型別的判定。
- JavaScript iterate object 的時候到底有沒有順序性2025-03-18javascript
一直以來,都知道 JavaScript 的 object 在 iterate 的時候並不會保證順序,也因此就一直以為是沒有順序的,直到最近仔細看了 MDN 的文件才發現其實是有某種順序性的。 這裡的順序指的是 iterate object 的順序,包含:for…in, for…of, Object.keys(), Object.values()。
- JavaScript module - CommonJS, ES Module2024-04-15javascript
在 JavaScript 中,主要有兩種方式來處理 module: CommonJS 以及 ES Module,這篇簡單整理一下兩者的差別。
- 為什麼 js 中用 ES Module 的方式 import module 時,有時候需要 extension name (副檔名),有時候不用?2024-04-13javascript
最近在研究 js 中 module 的用法,發現在使用 ES Module 的方式 import module 時,有時候會需要 extension name,但我在工作上 import 的時候卻從來沒加過 extension name,好奇什麼時候會需要加 extension name,於是有了這篇文章的誕生。
- 為什麼 Node.js 和瀏覽器中使用 localeCompare 時,排序會不同呢?2022-09-15javascript
會有這篇文的誕生是因為,最近在工作上需要處理一些字元排序的功能,想要整理成筆記,但意外發現在瀏覽器中和 Node.js 使用 localeCompare 時排序卻不一樣,於是稍微探究了一下箇中原因。
- 【 JavaScript 】Set 筆記2022-09-14javascript
延續上一篇:,這篇就來筆記一下 Set 的用法吧! JavaScript Set 1. 特性 - Set 內的元素不重複 - has method 可以快速檢查 Set 是否包含某元素,效能會比使用陣列的 來得好 2. 宣告 Set 基本上使用 new Set(),argument 可以為空或是 array,如果是 array,會自動把重複的元素過濾掉: 3. 操作 Set 4. 迭代 S
- 【 JavaScript 】Map 筆記2022-08-25javascript front-end-note
JavaScript Map 和 JavaScript Set 相較 Array 和 Object 算是比較沒那麼常用的資料結構,導致每次要用的時候都要去查 MDN,所以決定來筆記一下,這篇就先來筆記 Map 吧! JavaScript Map 1. 特性 - Map 由多筆的 key-value pairs 組成,類似資料結構中的 hash - key 可以是任意的資料型態,ex: funct
- 【 JavaScript 】JavaScript 效能測試的好幫手 ⏤ console.time2021-06-14javascript front-end-note
記得有一次想要測試一下自己 2 種 function 寫法的效能,但當時的我連關鍵字都不知道要下什麼於是作罷,直到後來偶然看到這篇文章:,才意外發現可以用 console.time 這個語法來測試 function 的效能,以下簡單介紹一下用法。
- JavaScript 中的同步與非同步 - Event Loop 原理2021-03-21javascript front-end-note
剛好最近公司讀書會報告到這個主題,就順手把 JavaScript 中的同步與非同步整理成文章了。 在說明同步與非同步的概念之前,先簡單介紹一下 JavaScript 這個程式語言。
- 【 JavaScript 】JavaScript 費氏數列的 3 種解法2020-12-16javascript front-end-note
面試的時候經常會問到怎麼用 JavaScript 解費氏數列,面試到後面整理了一下常見的 3 種解法: 首先說明一下費氏數列:[0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55] ,通常會請你用 JavaScript 求解陣列的最後一個值。 1. JavaScript 費氏數列 - 遞迴解 2. JavaScript 費氏數列 - 迴圈解 3. JavaScript 費氏數列 - Memoization
- 2020-12-13
- 【JavaScript】如何刪除陣列重複項2020-11-27javascript front-end-note
最近實作後端時需要刪除陣列重複項,但 google 了一下發現方法都好複雜,所以後來乾脆自己想,紀錄一下自己的方法~
- 【JavaScript】甚麼時候該用 for...in,甚麼時候該用 for...of2020-09-28javascript front-end-note
for...in 是個常在 Object 中使用的方法,但前一陣子發現原來還有 for...of,怕搞混這兩個所以來整理一下差別。 1. for...in 根據 ,for...in 用來跌代 Object 中 enumerable 的屬性,然而不只會跌代所宣告 Object 中 enumerable 的屬性,還會遞迴該 Object 的 prototype 中 enumerable 的屬性。 那
- 【JavaScript瀏覽器】:實作串接 API (1) ⏤ Unsplash API2020-08-10javascript front-end-note
因為對用 JavaScript 串接 API 滿不熟悉的,再加上最近看了些職缺用 JavaScript 串接 API 又是必備技能,所以決定來花點時間好好搞懂這塊,順便練習實作,比較容易發現問題出在哪裡。
- 【JavaScript基礎】:Array Methods — 陣列方法整理2020-07-22javascript front-end-note
陣列(array)屬於物件(object)的一種,在Javacript中有許多陣列方法(array methods)可做轉換或運算,來整理一下在看到陣列常見和相關的方法。 1. Array and String:陣列與字串的轉換 字串與陣列相關的方法 1.1 字串轉換成陣列 1.1.1 **Array.from()** 這個方法不只可以轉換字串,還可以轉換類陣列等等。 語法: > Array.f