Jak obejść zachowanie ósemkowe parsowania JavaScript?

Spróbuj wykonać następujące czynności w 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 !!

Właśnie dowiedziałem się na własnej skórze, że JavaScript uważa, że zera wskazuje ósemkowy całkowitą , a ponieważ nie jest "8"ani "9"w bazie-8, funkcja zwraca zero. Czy ci się to podoba, czy nie, jest to zgodne z projektem .

Jakie są obejścia?

Uwaga: Ze względu na kompletność, zamierzam opublikować rozwiązanie, ale nienawidzę tego rozwiązania, więc proszę o publikowanie innych / lepszych odpowiedzi.

Aktualizacja:

Piąta edycja standardu JavaScript ( ECMA-262 ) wprowadza przełomową zmianę, która eliminuje to zachowanie. Mozilla ma dobre write-up .

Jest to typowa gotcha JavaScript z prostym rozwiązaniem:

Po prostu określ podstawę lub „radix”, tak jak poniżej:

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

Możesz także użyć numeru :

Number('08'); // 8

Jeśli wiesz , że twoja wartość będzie w zakresie 32-bitowych liczb całkowitych ze znakiem, ~~xzrobi to poprawnie we wszystkich scenariuszach.

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

Jeśli spojrzysz na binarną not ( ~), specyfikacja wymaga konwersji „ToInt32” dla argumentu, który dokonuje oczywistej konwersji na Int32 i jest określony w celu wymuszenia NaNwartości na zero.

Tak, to jest niesamowicie hackerskie, ale jest tak wygodne ...

W dokumentacji parseInt użyj opcjonalnego argumentu Radix, aby określić base-10:

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

Wydaje mi się to pedantyczne, mylące i pełne słów (tak naprawdę dodatkowy argument w każdej analizie?), Więc mam nadzieję, że istnieje lepszy sposób.

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

edit: tworzenie własnej funkcji, aby robić to, czego naprawdę chcesz, to tylko opcja, jeśli nie lubisz dodawać „, 10” przez cały czas do wywołania parseInt (). Ma tę wadę, że jest niestandardową funkcją: wygodniejszą dla Ciebie, jeśli często z niej korzystasz, ale być może bardziej mylącą dla innych.

Określ podstawę:

var number = parseInt(s, 10);

Czy bardzo niegrzeczne byłoby zastąpienie parseInt wersją, która przyjmuje liczbę dziesiętną, jeśli nie ma drugiego parametru? (uwaga - nie testowano)

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

Możesz także zamiast operatora parseFloat lub parseInt użyć operatora jednoargumentowego ( + ).

+"01"
// => 1

+"02"
// => 2

+"03"
// => 3

+"04"
// => 4

+"05"
// => 5

+"06"
// => 6

+"07"
// => 7

+"08"
// => 8

+"09"
// => 9

i na wszelki wypadek

+"09.09"
// => 9.09

Link MDN

Jednoargumentowy operator plus poprzedza swój operand i analizuje go, ale próbuje przekonwertować go na liczbę, jeśli jeszcze nie jest. Chociaż jednoargumentowa negacja (-) może również konwertować liczby nieparzyste , jednoargumentowy plus jest najszybszym i preferowanym sposobem konwersji czegoś na liczbę , ponieważ nie wykonuje żadnych innych operacji na liczbie.

Co powiesz na dziesiętny:

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

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

Jeśli wykonałeś już sporo kodowania za pomocą parseInt i nie chcesz dodawać „, 10” do wszystkiego, możesz po prostu przesłonić funkcję, aby ustawić domyślną bazę 10:

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

To może mylić późniejszego czytnika, więc wykonanie funkcji parseInt10 () może być bardziej zrozumiałe. Osobiście wolę używać prostej funkcji niż ciągłe dodawanie „, 10” - po prostu stwarza więcej okazji do błędów.

Tego problemu nie można replikować w najnowszym Chrome ani Firefox (2019).