【JavaScript】字串比大小的型別陷阱

console.log("2".charCodeAt(0)); // 50
console.log("10".charCodeAt(0)); // 49
console.log("2" < "10"); // false

console.log("2" < 10); // true → 字串 "2" 被轉成數字 2
console.log("10" < 2); // false → 字串 "10" 被轉成數字 10

let str1 = '2';
let str2 = '10';

// 字串轉為數字後再做比較
console.log(typeof parseInt(str1, 10)); // number
console.log(typeof parseInt(str2, 10)); // number
console.log(parseInt(str1, 10) < parseInt(str2, 10)); // true

console.log(typeof Number(str1)); // number
console.log(typeof Number(str2)); // number
console.log(Number(str1) < Number(str2)); // true

// 字串 + 數字
console.log("2" + 3); // "23" → 字串串接
console.log("2" - 1); // 1 → 轉成數字計算
console.log("3" * 2); // 6 → 轉成數字計算
console.log("6" / 3); // 2 → 轉成數字計算

// 字串 + 字串
console.log("5" + "2"); // "52" → 字串串接
console.log("5" - "2"); // 3 → 兩個字串轉成數字計算
console.log("4" * "3"); // 12 → 兩個字串轉成數字計算
console.log("a" - "1"); // NaN → "a" 無法轉為數字