7

Почему при сравнении двух строк "70px" и "622px" первое значение оказывается больше?

4
  • 1
    Поскольку на вопросе уже есть метка javascript, дублировать ее в заголовке не требуется. Так что я его немного переформулировал.
    – Nick Volynkin
    19 сен 2015 в 18:53
  • @NickVolynkin, не очень удачно переформулировал. "Сравнение строк с числовыми значениями" воспринимается как "70px" < 622, например. Это тоже ложно, но по другой причине.
    – Qwertiy
    19 сен 2015 в 19:56
  • @Qwertiy действительно, так стало лучше.
    – Nick Volynkin
    19 сен 2015 в 20:01
  • 1
    Если вам дан исчерпывающий ответ, отметьте его как верный (галка напротив выбранного ответа). 21 сен 2015 в 14:58

4 ответа 4

12

Как сравнить числа, содержащиеся в строках, рассказано в ответе @11111000000. А я расскажу о том, почему такое происходит при сравнении самих строк.

Строки сравниваются с помощью лексикографического порядка. Лексикографически "70px" больше, чем "622px" (т.к. символ "7" идет после символа "6").

Лексикографический порядок — отношение линейного порядка на множестве слов длины n над некоторым упорядоченным алфавитом . Своё название лексикографический порядок получил по аналогии с сортировкой по алфавиту в словаре.

Слово a предшествует слову b (a<b), если первые m символов слов совпадают, а m+1 символ слова a меньше (относительно отношения порядка, заданного в ) m+1 символа слова b.

Если первые m символов слов совпадают, после чего слово a кончается, то оно также считается предшествующим b (т.е. отсутствующий символ меньше любого символа).

Подробнее про лексикографический порядок.

То же самое в коде:

"abc" == "abc" //true
"123" == "123" //true
"123" < "124" //true
"0999999" < "123" //true
"123" < "3" //true
"12" < "123" //true
"123" < "1234" //true

Если вы хотите сравнивать именно числа, а не строки, нужно сначала преобразовывать в целое число, а потом сравнивать.

6

Символ '7' больше символа '6', поэтому первая строка больше второй строки. Сравнение происходит посимвольно в соответствии с кодами символов.

5

просто никогда не сравнивайте строки иначе, нежели == и != . Почему это так работает, знать конечно познавательно, однако на практике: parseFloat('70px', 10) - и только так. Не parseInt, ибо в CSS размеры могут быть с дробными долями.

-1

Возможно кому-то это еще будет полезно. Необходимо выделить значимость числа. Из всего списка сравниваемых строк найдите самый большой разряд числа. Например, число 1234 имеет разряд 4, 123 разряд 3. Исходя из разряда сравниваемого числа приведите его к виду разряда самого большого числа. То есть, в строке "622px" число 622 имеет разряд 3 (самый большой), в строке "70рх" число 70 разряд 2. Сравнивая разряды получим 3-2=1 - это количество нулей, которые необходимо поставить перед числом. Пример: В данных строках: "845рх" "1572рх" "23рх" "1рх" После всех вышеописанных действий получаем: "0845рх" "1572рх" "0023рх" "0001рх"

2

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.