【jQuery】数値から文字列、文字列から数値へ変換する方法

javascript
この記事は約1分で読めます。
スポンサーリンク

jQueryで数値から文字列に変換したり、文字列から数値へ変換する方法のご紹介です。
js上で計算する時、足し算したいだけなのに「”1″ + 1 = 11」になったりする時あって困っちゃう。
そんな時は、下の方法ですぐ解決しよう!

jQuery

var txt = "123";
// 文字列から数値へ変換
Number(txt);

var num = 123;
// 数値から文字列に変換
String(num);

これで数値として扱ったり、文字列として扱ったりできるね!
さらに、jQueryで要素の高さとか取得して計算する時、取得した値に「px」とか「%」がついてて計算しづらい時あるじゃない。
後ろの「px」を「str.slice(0, -2)」でカットしてもいいんだけど、もっと簡単に出来る方法があるから一緒に紹介します!

jQuery

var txt1 = "123px";
Number(txt1);
// 数値の「123」のみ出力される

var txt2 = "A1";
Number(txt2);
// 変換できない文字列が先にあると「NaN」になってしまう

便利なことに「Number()」を使うと数値に変換できるもの以外、カットして出力してくれるんだ。でも「A1」とか数値の前に、変換できないものが含まれてるとダメなんだ。
覚えておくと便利です!

SNSフォローボタン
エンデ・バタローをフォローする
javascriptjQueryサイト制作

東京に住み始めて4年目。

前は神戸に。その前は名古屋に住んでいました。

ある年の冬、車で島根県へ旅行に出かけました。
同県の山中にある寒村をゆるゆると走っていると地面が凍結しており
車ごと川に滑り落ちそうになった経験を持つ30才(男)です。

フロントエンドを始めて4年目になります。
エディタはAtomを利用して、日々の業務でイラレとフォトショ、HTMLとCSSとjavascriptとphpを使用してます。
仕事をしていて、検索する手間を省くためフロント技術ブログを書いています。

エンデ・バタローをフォローする
シェアする
スポンサーリンク
初めてのブログ

コメント

タイトルとURLをコピーしました