Как убрать NaN?

@Shekanya · Регистрация: 09.04.2016

Студворк — интернет-сервис помощи студентам

Чтобы не было написано NaN, а к примеру 0.
Здесь в Особый режим(fieldres1) выдает NaN, когда field1 и field2 не заполнены. Точнее заполнены, но при удалении значений выдает NaN...

HTML5
1
2
3
4
5
6
7
Количество работников:<input type="number" min="1" id="field2" onKeyUp="recalc()">
Количество часов:<input type="number" min="3" id="field1" onKeyUp="recalc()">
Особый режим:<input type="checkbox" id="chbox" value="500" onclick="recalc()"/>
Количество человеко-часов:<output id="fieldres1">0</output>
Переработка:<output id="fieldres2">0</output>
Зп без учета переработки:<output id="fieldres3">0</output>
Зп с учетом переработки:<output id="fieldres4">0</output>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function recalc()
{
    return number(o).tofixed(1);
}
function recalc()
{
    var p=parseFloat(document.getElementById('field1').value);
    var h=parseFloat(document.getElementById('field2').value);
        hh=p*h;
    var nh=document.getElementById('chbox').value;
        document.getElementById('fieldres1').innerHTML=hh;
            if(hh<30)tf=(1000);
            if(hh<30)py=(hh*tf);
            if(hh>29)tf=(950);
            if(hh>29)py=(hh*950);
            if(hh>49)tf=(900);
            if(hh>49)py=(hh*900);
            if(document.getElementById('chbox').checked)py=(py+h*nh);
        document.getElementById('fieldres2').innerHTML=tf;
        document.getElementById('fieldres3').innerHTML=py;
            if(hh<30)pye=(hh*1000/10*9);
            if(hh>29)pye=(hh*950/10*9);
            if(hh>49)pye=(hh*900/10*9);
            if(document.getElementById('chbox').checked)pye=(pye+h*nh);
        document.getElementById('fieldres4').innerHTML=pye;
}

Извиняюсь, возможно уже тысячекратно объяснялось, но искал с фонариком - гугл выдал "чтобы не было написано NaN" только ссылки где про чекбоксы, из которых ну совсем ничего не понятно:
1.Один
2.Два
3.Три
Помогите позязя!

@WeMeSder · 15.05.2016, 10:12

может просто проверить и изменить если NaN:

JavaScript
1
if(tf == 'NaN') tf = 0;

@Shekanya · 16.05.2016, 01:24 **[ТС]**

Сообщение от WeMeSder

может просто проверить и изменить если NaN:

JavaScript
1
if(tf == 'NaN') tf = 0;

не работает(
и к тому же, NaN выдает не tf ведь, а hh, и почему знак неравенства?

@ntlinuxnt · 16.05.2016, 02:19

Сообщение от Shekanya

не работает(
и к тому же, NaN выдает не tf ведь, а hh, и почему знак неравенства?

наоборот там стоит знак равенства, неравенство это !=

@sad67man · 16.05.2016, 10:14

NaN == NaN всегда возвращает false. Правильней будет так

JavaScript
1
if(isNaN(hh) ) hh = 0;

@НиколайВасильев · 16.05.2016, 11:48

hh=hh*1 и value=0 в инпуте не подходит?

@sad67man · 16.05.2016, 12:26

НиколайВасильев, NaN*1 вернет NaN

@Padonak · 16.05.2016, 14:16

Я может чего не догоняю, но, если не затруднит уважаемую публику, объясните мне нормально ли иметь две функции с одинаковыми именами и ожидать, что они не переназначат друг друга, а будут работать обе-две?! Если так, то нахрена я всем функциям даю разные названия и вообще даю названия, а не использую анонимные?

@НиколайВасильев · 16.05.2016, 19:58

Сообщение от sad67man

NaN*1 вернет NaN

после value=0 NaN не будет

@Shekanya · 17.05.2016, 00:44 **[ТС]**

Сообщение от sad67man

NaN == NaN всегда возвращает false. Правильней будет так

JavaScript
1
if(isNaN(hh) ) hh = 0;

Работает! Спасибо! А не могли бы вы еще объяснить, почему в остальных output'ах не выводился NaN, а только в первом?
И нельзя ли без вот таких костылей как

JavaScript
1
if(isNaN(hh) ) hh = 0;

сделать чтобы и в первом тоже не выводился NaN?

Добавлено через 6 минут

Сообщение от НиколайВасильев

hh=hh*1 и value=0 в инпуте не подходит?

Сообщение от sad67man

НиколайВасильев, NaN*1 вернет NaN

Действительно, ведь NaN не может быть равен NaN - https://ru.wikipedia.org/wiki/NaN
Или я вас неправильно понял? Что вы именно имели ввиду?
Добавлено через 1 минуту

Сообщение от Padonak

Я может чего не догоняю, но, если не затруднит уважаемую публику, объясните мне нормально ли иметь две функции с одинаковыми именами и ожидать, что они не переназначат друг друга, а будут работать обе-две?! Если так, то нахрена я всем функциям даю разные названия и вообще даю названия, а не использую анонимные?

Вы об чем?

@sad67man · 17.05.2016, 00:50

Shekanya, Если не удается привести строку в число, то получается NaN, что означает "не чмсло", т.е. parseFloat("") или parseFloat("abc") вернет NaN. Если NaN умножить на любое число, то вернется тоже NaN. Так же NaN может возникнуть при делении 0/0.

@Shekanya · 17.05.2016, 00:58 **[ТС]**

Сообщение от sad67man

Shekanya, Если не удается привести строку в число, то получается NaN, что означает "не чмсло", т.е. parseFloat("") или parseFloat("abc") вернет NaN. Если NaN умножить на любое число, то вернется тоже NaN. Так же NaN может возникнуть при делении 0/0.

Ды это понятно, непонятно почему

Сообщение от Shekanya

в остальных output'ах не выводился NaN, а только в первом?

и

Сообщение от Shekanya

нельзя ли без вот таких костылей как

JavaScript
1
if(isNaN(hh) ) hh = 0;

сделать чтобы и в первом тоже не выводился NaN? (ведь остальные output'ы обходятся без

JavaScript
1
if(isNaN(hh) ) hh = 0;

и не выдают NaN когда в input'ах появляется пустота)

@sad67man · 17.05.2016, 01:12

Shekanya, У вас же там условия стоят hh<30 и т.д. везде false получается

Добавлено через 4 минуты
Shekanya, Можно еще так сделать

JavaScript
1
2
var p=parseFloat(document.getElementById('field1').value)||0;
var h=parseFloat(document.getElementById('field2').value)||0;

@Shekanya · 18.05.2016, 13:14 **[ТС]**

Сообщение от sad67man

Shekanya, У вас же там условия стоят hh<30 и т.д. везде false получается

Добавлено через 4 минуты
Shekanya, Можно еще так сделать

JavaScript
1
2
var p=parseFloat(document.getElementById('field1').value)||0;
var h=parseFloat(document.getElementById('field2').value)||0;

Понятно)
А вот этот вариант - вообще красота. С предыдущим костылем

JavaScript
1
if(isNaN(hh))hh=(0);

пришлось также поставить еще вот это

JavaScript
1
if(isNaN(py))py=(0);

и вот это

JavaScript
1
if(isNaN(pye))pye=(0);

ибо при чекании чекбокса с пустыми полями NaN теперь перебЁг и на них)))

А

JavaScript
1
2
var p=parseFloat(document.getElementById('field1').value)||0;
var h=parseFloat(document.getElementById('field2').value)||0;

- это пожалуй то что нужно - NaN более не проявляется нигде, и ни при каких движениях... Даже

JavaScript
1
var nh=document.getElementById('chbox').value||0;

не понадобилось добавлять. Странно конечно)

@sad67man · 18.05.2016, 19:54

Shekanya, Здесь вот в чем дело
1*"" вернет 0, однако
1*"5.2asd" вернет NaN, в то время как
1*parseFloat("") вернет NaN, а
1*parseFloat("5.2asd") вернет 5.2
Вот такие дела.
Есть прием короткой записи перевода числа в строку как str*1, но он работает, если в строке содержатся только цифры, есть плюс, если строка пустая, то получится 0.
В противном случае, самый универсальный способ parseFloat(str)||0.
Именно поэтому у вас возникало NaN, только там, где вы использовали parseFloat. Так как type number.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

Как убрать NaN?

Решение

Решение

@НиколайВасильев 12 / 12 / 2 Регистрация: 02.12.2015 Сообщений: 620
	16.05.2016, 11:48
	hh=hh*1 и value=0 в инпуте не подходит? 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,823
	16.05.2016, 12:26
	НиколайВасильев, NaN*1 вернет NaN 0

@Padonak Философ-разговорник 1066 / 391 / 120 Регистрация: 20.02.2016 Сообщений: 884 Записей в блоге: 1
	16.05.2016, 14:16
	Я может чего не догоняю, но, если не затруднит уважаемую публику, объясните мне нормально ли иметь две функции с одинаковыми именами и ожидать, что они не переназначат друг друга, а будут работать обе-две?! Если так, то нахрена я всем функциям даю разные названия и вообще даю названия, а не использую анонимные? 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,823
	17.05.2016, 00:50
	Shekanya, Если не удается привести строку в число, то получается NaN, что означает "не чмсло", т.е. parseFloat("") или parseFloat("abc") вернет NaN. Если NaN умножить на любое число, то вернется тоже NaN. Так же NaN может возникнуть при делении 0/0. 0

@sad67man 2603 / 1507 / 689 Регистрация: 23.08.2015 Сообщений: 3,823
	18.05.2016, 19:54
	Shekanya, Здесь вот в чем дело 1"" вернет 0, однако 1"5.2asd" вернет NaN, в то время как 1parseFloat("") вернет NaN, а 1parseFloat("5.2asd") вернет 5.2 Вот такие дела. Есть прием короткой записи перевода числа в строку как str*1, но он работает, если в строке содержатся только цифры, есть плюс, если строка пустая, то получится 0. В противном случае, самый универсальный способ parseFloat(str)\|\|0. Именно поэтому у вас возникало NaN, только там, где вы использовали parseFloat. Так как type number. 0