【javascript】if文で小さい数値がtrueになる原因を教えて欲しいです。

Question

いつもお世話になっております。不明な点があったのでご質問させてください。jsonからデータを取り込んで比較して処理を加えたいと思ったのですが、if文を使用したときに小さい数値がtrueになりました。

var score40 = '40';

if('5' > score40)//true

if('1' > score40)//false

なぜこのような結果になるのかご存知の方がいらっしゃいましたらご教授いただけますと幸いです。

Comments

[miyabi-sun]

> if文で小さい数値がtrueになる
(　ﾟдﾟ)
( ﾟдﾟ )彡

Answer 1

文字列の比較は先頭から１文字ずつ評価されます
'5'と'40'だとまず'5'と'4'を評価するので'5'>'40'となります

Comments

[LanHma]

いつもありがとうございます！完全に理解しました！

Answer 2

JavaScriptの場合、文字列同士の比較は辞書的に行われます。

'5' > '40'の比較の場合、まずは1文字目だけ比較するので、5 > 4となり、trueとなります。

Comments

[LanHma]

いつも回答ありがとうございます！理解いたしました！

Answer 3

次の操作例を見てください。

文字列の比較は, 辞書での順序とおなじようになるので、 "5 は "40" より後に出てきます。 ("b" が "az" より後ろに出てくるのと同じように)

"5" を数字の 5 として扱うには 文字列を int に変換してやる必要があります。
上の操作例では oarseInt() をつかって整数に変換しています。