Làm cách nào để tôi làm việc xung quanh hành vi bát phân của JavaScript?

Hãy thử thực hiện các thao tác sau trong JavaScript:

parseInt('01'); //equals 1
parseInt('02'); //equals 2
parseInt('03'); //equals 3
parseInt('04'); //equals 4
parseInt('05'); //equals 5
parseInt('06'); //equals 6
parseInt('07'); //equals 7
parseInt('08'); //equals 0 !!
parseInt('09'); //equals 0 !!

Tôi vừa học được một cách khó khăn khi JavaScript nghĩ số 0 đứng đầu chỉ ra một số nguyên bát phân và vì không có "8"hoặc "9"trong cơ sở 8, nên hàm trả về 0. Dù muốn hay không, đây là do thiết kế .

Cách giải quyết là gì?

Lưu ý: Để hoàn thiện, tôi sắp đăng một giải pháp, nhưng đó là một giải pháp mà tôi ghét, vì vậy vui lòng đăng các câu trả lời khác / tốt hơn.

Cập nhật:

Phiên bản thứ 5 của tiêu chuẩn JavaScript ( ECMA-262 ) giới thiệu một thay đổi đột phá giúp loại bỏ hành vi này. Mozilla có một bài viết tốt .

Đây là một Gotcha Javascript phổ biến với một giải pháp đơn giản:

Chỉ cần chỉ định cơ sở , hoặc 'cơ số', như vậy:

parseInt('08',10); // 8

Bạn cũng có thể sử dụng Số :

Number('08'); // 8

nếu bạn biết giá trị của mình sẽ nằm trong phạm vi số nguyên 32 bit đã ký, thì ~~xsẽ thực hiện đúng trong tất cả các kịch bản.

~~"08" === 8
~~"foobar" === 0
~~(1.99) === 1
~~(-1.99)  === -1

Nếu bạn tra cứu nhị phân không ( ~), thông số kỹ thuật yêu cầu chuyển đổi "ToInt32" cho đối số thực hiện chuyển đổi rõ ràng thành Int32 và được chỉ định để ép buộcNaN các giá trị về 0.

Vâng, điều này là vô cùng hackish nhưng rất tiện lợi ...

Từ tài liệu parseInt , sử dụng đối số cơ số tùy chọn để chỉ định cơ sở 10:

parseInt('08', 10); //equals 8
parseInt('09', 10); //equals 9

Điều này gây ấn tượng với tôi như là mô phạm, khó hiểu và dài dòng (thực sự, một cuộc tranh luận thêm trong mỗi phân tích đơn lẻ?) Vì vậy tôi hy vọng có một cách tốt hơn.

function parseDecimal(s) { return parseInt(s, 10); }

chỉnh sửa: tạo chức năng của riêng bạn, để làm những gì bạn thực sự muốn, chỉ là một tùy chọn nếu bạn không muốn thêm ", 10" mọi lúc vào lệnh gọi parseInt (). Nó có nhược điểm là chức năng không đạt tiêu chuẩn: thuận tiện hơn cho bạn nếu bạn sử dụng nó nhiều, nhưng có lẽ khó hiểu hơn cho người khác.

Chỉ định cơ sở:

var number = parseInt(s, 10);

Sẽ rất nghịch ngợm khi thay thế parseInt bằng một phiên bản giả định thập phân nếu nó không có tham số thứ hai? (lưu ý - không được kiểm tra)

parseIntImpl = parseInt
parseInt = function(str, base){return parseIntImpl(str, base ? base : 10)}

Bạn cũng có thể, thay vì sử dụng parseFloat hoặc parseInt, hãy sử dụng toán tử đơn nguyên ( + ).

+"01"
// => 1

+"02"
// => 2

+"03"
// => 3

+"04"
// => 4

+"05"
// => 5

+"06"
// => 6

+"07"
// => 7

+"08"
// => 8

+"09"
// => 9

và cho các biện pháp tốt

+"09.09"
// => 9.09

Liên kết MDN

Toán tử unary plus có trước toán hạng của nó và đánh giá toán hạng của nó nhưng cố gắng chuyển đổi nó thành một số, nếu nó chưa có. Mặc dù phủ định unary (-) cũng có thể chuyển đổi các số không, nhưng unary plus là cách nhanh nhất và được ưa thích để chuyển đổi một số thành một số , bởi vì nó không thực hiện bất kỳ thao tác nào khác trên số.

Làm thế nào về điều này cho số thập phân:

('09'-0) === 9  // true

('009'-0) === 9 // true

Nếu bạn đã thực hiện một loạt mã hóa với parseInt và không muốn thêm ", 10" vào mọi thứ, bạn chỉ có thể ghi đè hàm để biến cơ sở 10 thành mặc định:

window._oldParseInt = window.parseInt;
window.parseInt = function(str, rad) {
    if (! rad) {
        return _oldParseInt(str, 10);
    }
    return _oldParseInt(str, rad);
};

Điều đó có thể gây nhầm lẫn cho một người đọc sau này, do đó, việc thực hiện hàm parseInt10 () có thể tự giải thích nhiều hơn. Cá nhân tôi thích sử dụng một chức năng đơn giản hơn là phải thêm ", 10" mọi lúc - chỉ tạo ra nhiều cơ hội hơn cho các lỗi.

Vấn đề này không thể được sao chép trong Chrome mới nhất cũng như Firefox (2019).