如果我想轉換數組裡面的字符串為數字的話，很自然就會想到 map 和 parseInt 這兩個方法。但是用起來的時候卻不是我想要的結果。。。
var a = ["1", "2", "3", "4", "5"];
var b = a.map(parseInt);
console.log(b); // [1, NaN, NaN, NaN, NaN]原因
如果我們細看 map 的參數，就會發現它的 callback 會有三個 arguments：currentValue, index 和 array。
對於 parseInt 來說，它會接收currentValue和 index，並用 index 作為 index 進制。。。
parseInt('1', 0); // OK => 1
parseInt('2', 1); // 不合法的進制。。。
parseInt('3', 2); // NaN, 二進制沒有 3
parseInt('4', 3); // NaN, 三進制沒有 4
parseInt('5', 4); // NaN, 四進制沒有 5解決方法
- 用
.map(parseFloat)，因為它只接收一個參數。
var c = a.map(parseFloat);- 用
.map(Number)
var d = a.map(Number);- 用
.map(num => parseInt(num))
var e = a.map(num => parseInt(num));相關文章
在瀏覽器裡逛教堂：用 A-Frame 打造三座 360° 聖殿
這個小專案把三座教堂的 360° 全景照片變成一個可以在瀏覽器裡自由切換的 WebXR 體驗。從內容到技術棧，再到工程化部署，本文記錄我如何用 A-Frame、Vite 和 Cloudflare Pages，做出一個既簡單又有臨場感的 360 教堂圖庫。
Umami v3：從簡潔分析工具到現代數據平台的關鍵進化
Umami v3 不只是介面更新，而是一場從架構、資料模型到分析能力的全面升級。本文以敘事方式，帶你走過從 v2 到 v3 的轉型歷程，理解這次改版如何為現代網站帶來更高品質的數據洞察。
AI 協作時代的軟體工程四神器：TypeScript、Zod、Vitest、JSDoc 實戰心得
想用 AI 寫程式又怕爛 code？這篇文章分享我如何結合 ChatGPT、TypeScript、JSDoc、Zod 與 Vitest，打造可維護、可驗證的 Vibe Coding 流程，讓靈感不只是 prototype，而是真正能安全上線的產品級程式碼。
AI 一鍵生成行動 App！Bolt.new x Expo 超簡化 React Native 開發流程全解析
想用 AI 快速打造手機 App 嗎？Bolt.new 結合 Expo，讓你在瀏覽器中用自然語言 prompt 一鍵生成 React Native 應用，支援即時預覽與跨平台部署。本文完整解析從開發到上架的極速流程，打造 MVP 再也不難。
Cloudflare Pages 評測：靜態網站託管平台使用心得
我從多個平台遷移到 Cloudflare Pages，解決了部署慢、設定複雜、功能受限等問題。本文完整解析 Cloudflare Pages 的優勢、部署流程與實戰經驗，幫助你選對最值得信賴的靜態網站託管平台。
企劃提案也能自動化！結合 ChatGPT 與 Apps Script 的自動生成企劃書
用 ChatGPT 搭配 Google Apps Script，自動建立格式完整的 Google Docs 企劃書。本文含實作範例、排版技巧與自動化技巧，幫你快速生成多份專業提案。
