Typy zmiennych w JS

Question

Siema :)
 

Pisałem ostatnio prosty skrypt w JS. Trochę się zdziwiłem. Mianowicie, spotkałem się z takim dziwnym zjawiskiem:

 

            var form = document.getElementById('from').value + 1;
            var to = document.getElementById('to').value - 1;  

Chciałem ustalić pewne przedziały. Potem chciałem uzyskać wszystkie wartości w tych przedziałach (np podajesz 5 i 50 to ma wypisac 6..49). Napisałem powyższą deklarację i jestem w lekkim szoku, bo zmienną FROM traktuje jako string, a zmienną TO jako int,

czyli jak np podawałem 10 i 100, to zmienne otrzymywało wartości 101 i 99.

Skoro nie podałem w cudzysłowie wartości +1  (czyli *.value + "1"; ) , to nie powinno mi rzutować tej zmiennej na string. Mógłby ktoś mi wyjaśnić czemu tak się dzieje?

Answer 1

"+" jest także znakiem konkatenacji w JS, więc jeśli, któryś z jego atrybutów będzie stringiem, wynik również będzie stringiem. 

Wszystkie wartości pobierane przez przez .value są stringami.

Użyj funkcji parseInt(), a dopiero później operuj na zmiennych jak na liczbach.

Comments

Kluczem do całej mojej zagwozdki jest fakt, że wszystkie wartości pobrane z .value to stringi :) Myślałem, że problem jest w tej jedynce i to z niej robi się w jakiś magiczny sposób string.

Dzięki za rozjaśnienie tematu :)

Answer 2

string + number / number + string → string

Dzieje się tak ze względu na słabe typowanie JS.

Jak już wspomnieli wyżej, możesz zamknąć string w parseInt, żeby go przerzucić na liczbę, albo zwyczajnie postawić przed nim plus.

+'123' → 123

Comments

Plus jest fajny, ale… zaciemna kod. Są nawet regułki w ESLint wykrywające takie rzeczy ;)

---

Nom, taki lifehack. :P