Как превратить строку в число?

Question

[Турар Абу]

В HTML есть тег:
<i class="priceOne">цена за 1 мес. - 25</i>

Через JS попытался сделать так:

$ p = document.getElementsByClassName("priceOne")[0];

$p = parseFloat($p.innerHTML);

Но мне выдает ошибку NaN. Почему?

Comments

[Lynn «Кофеман»]

А что вы ожидали? 1? 25? -24?

[Турар Абу]

12524

[Павел Волынцев]

Турар Абу: Нет, такой результат не получится.

Answer 1

[Dmitriy Mozgovoy]

Вытянуть числа со строки не проблема по индусскому феншую:

function getNumbers(str){ //вернет массив всех чисел в строке
         var reg=/\d+/g,results=[];
         while(match=reg.exec(str)){
             results.push(match[0]*1);
         }
         return results;
     }
     console.info("Numbers:",getNumbers("цена за 1 мес. - 25"));    //  Numbers: [1, 25]
     console.info("Price:", getNumbers("цена за 1 мес. - 25")[1]);  // Price: 25

А не индусы обрамляют тегом нужное значения и ищут его через селекторы...

Comments

[Дмитрий Ковальский]

будем честны - неиндусы не хранят нужные параметры в разметке. на крайняк есть hidden поля или атрибуты. а вот индусы по вашему коду еще будут гадать что есть цена, а что - неведомая зверушка

[Dmitriy Mozgovoy]

Дмитрий Ковальский: ну да=)) расскажите ему сейчас про модели и патерны...
Так пусть индусы и гадают, не наша забота, он ведь хотел превратить строку число? - превратили=)

[Dmitriy Mozgovoy]

Дмитрий Ковальский: и кстати "именно так, даже мы не знаем что он хочет вернуть - 1 или 25" поэтому вернули все и пусть разбирается=))

Answer 2

[zooks]

Потому что делаешь parseFloat для строки, которая не выглядит как действительное число.

Comments

[Турар Абу]

И как это исправить?

[Дмитрий Ковальский]

Турар Абу: выдели цену в конкретный span и парси его содержимое. К слову javascript не обязан читать мысли и мог бы с чистой совестью вернуть 1 по вашей логике, что не есть верно

[zooks]

Дмитрий Ковальский: именно так, даже мы не знаем что он хочет вернуть - 1 или 25

Answer 3

[Дмитрий Ковальский]

напишите 1*stringValue

Answer 4

[mr-molodoy]

Немного измените структуру шаблона.
Приблизительно вот так:

<div class="priceOne">
     цена за 1 мес. - <span>25</span>
</div>

и javascipt соответственно:

var priceMessage  = document.getElementsByClassName("priceOne")[0];
var priceRaw         = priceMessage.queySelector('span').innerHTML;
var price                = parseInt(priceRaw);