{"componentChunkName":"component---src-templates-post-js","path":"/javascript/javascript-pochemu-3true4-i-drugie-hitrye-uravneniya-privedeniya-tipov/","result":{"pageContext":{"slug":"javascript-pochemu-3true4-i-drugie-hitrye-uravneniya-privedeniya-tipov","content":"\n

3 + true === 4. Сейчас вы узнаете почему так происходит и ещё узнаете про 8 других интересных JavaScript уравнений.

\n\n\n\n

Перевод статьи JavaScript: Why does 3 + true = 4? (and 7 other tricky equations)

\n\n\n\n
\"\"
\n\n\n\n

Как лучше читать эту статью

\n\n\n\n

Это может вас немного смутить, но вам надо делать так, как я напишу дальше. Вам придется открыть консоль разработчика в Chrome, нажав в Windows: Ctrl + Shift + J или в Mac Cmd + Option + J. Это даст вам возможность напечатать весь следующий код в браузере и вы сможете увидеть в реальном примере то, что происходит.

\n\n\n\n

3 + true == 4

\n\n\n\n

Я не шучу. В JavaScript, когда оператор + находится между числом и булевым значением, последний конвертируется в число.

\n\n\n\n

В этих случаях и false == 0. Учитывая это, 3 + true конвертируется в 3 + 1 и следовательно мы получаем ответ 4.

\n\n\n\n

True + False

\n\n\n\n

Это следует такой же логике как в примере выше. Когда оператор + размещен между двумя булевыми значениями, они конвертируются в числа. Следовательно, true + false конвертируется в 1 + 0 и в итоге мы получаем ответ 1.

\n\n\n\n

‘4’ + 8

\n\n\n\n

Что случается когда мы добавляем число в строке к обычному числу? Когда оператор + находится между этими двумя операндами и один из них является строкой, это сконвертирует другое число или булево значение в строку и свяжет их.

\n\n\n\n

Следуя этой логике, ‘4' + 8 становится '4' + '8' и мы получаем ответ '48'.

\n\n\n\n

true + ‘4’

\n\n\n\n

Так же как и в примере выше, JavaScript сконвертирует boolean в сточное значение и свяжет его. Это станет 'true' + '4' и результатом будет 'true4'.

\n\n\n\n

1 + 1 + ‘1’

\n\n\n\n

Порядок операций очень важен. В этом примере, JavaScript считает первый + перед чем либо ещё, что ведет к 1 + 1 = 2. Далее мы добавляем строчной значение '1'. Происходит связывание и как результат мы получаем '21'.

\n\n\n\n

Вот цепочка событий:

\n\n\n\n
1 + 1 + '1'\n  2   + '1'\n       '21'
\n\n\n\n

‘1’ + 1 + 1

\n\n\n\n

Что меняется, когда у нас есть строчное значение на первом месте? Помните о порядке операций и работайте слева на право.

\n\n\n\n
'1' + 1 + 1\n   '11' + 1\n       '111'
\n\n\n\n

string + number = string В этом случае у нас останется только одна длинная строка '111'.

\n\n\n\n

-‘69’ + 69

\n\n\n\n

Что если мы попытаемся инвертировать в минус строку и затем добавить число? Как вы должны знать к этому моменту, без минуса, наш ответ был бы ‘6969’. Тем не менее минус все меняет.

\n\n\n\n

Знак минус перед ’69’ это унарный оператор минуса, который на самом деле сконвертирует строку в число и сделает его отрицательным. Следовательно, наше уравнение станет -69 + 69, что будет равно 0.

\n\n\n\n

-‘giddyup’ + 409

\n\n\n\n

Что если наш унарный оператор минуса будет перед строкой, которая не может быть сконвертирована в число? Когда JavaScript не может сделать число, мы остаемся только с NaN, что означает, то что это не число.

\n","type":"js","date":"2020-11-05T16:41:20.000Z","acf":{"seo_desc":"3 + true === 4. Сейчас вы узнаете почему так происходит и ещё узнаете про 8 других интересных JavaScript уравнений.","keywords":" Хитрые уравнения JavaScript, 3 + true === 4, JavaScript приведение типов","pub_date":"2018-04-25","tags":"JavaScript, JavaScript советы"},"title":"JavaScript. Почему 3 + true = 4? И другие хитрые уравнения приведения типов","id":"99fefe61-69be-5e93-b301-314bd65069ea","excerpt":"

3 + true === 4. Сейчас вы узнаете почему так происходит и ещё узнаете про 8 других интересных JavaScript уравнений.

\n","featured_media":{"source_url":"https://stasonmars.ru/wp/wp-content/uploads/2020/11/DglYtvO7Bn0-8.jpg"},"interesting":[{"title":"7 полезных уловок с rest параметрами и spread операторами на JavaScript объектах","slug":"7-poleznyh-ulovok-s-rest-parametrami-i-spread-operatorom-na-javascript-objectah","type":"js"},{"title":"Лучшие советы и уловки JavaScript","slug":"luchshie-sovety-i-ulovki-javascript","type":"js"},{"title":"Самые необходимые строковые и числовые методы в JavaScript","slug":"samie-neobhodimie-strokovie-i-chislovie-metody-v-javascript","type":"js"}]}},"staticQueryHashes":["3576131997","63159454"]}