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

この記事は約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」とか数値の前に、変換できないものが含まれてるとダメなんだ。
覚えておくと便利です!

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

埼玉県北本市に越してきて2年と少しになります。以前は東京都の京王線沿線に、その前は神戸の三宮、さらにその前は名古屋の八事霊園近くに住んでいました。

怖い話が大好きで、ネット怪談、ホラー小説、心霊Youtuber(オウマガドキch、ゾゾゾ)を寝る前のお供にしてます。

フロントエンドエンジニアとして9年目のキャリアを積んでおり、figma、Illustrator、Photoshop、WordPress、HTML、CSS(scss)、JavaScript(jQuery)、PHPなど使って日々仕事をしています。

仕事で検索する手間を省くためフロントエンド技術に関するブログを書いています。

エンデ・バタローをフォローする
広告
初めてのブログ

コメント

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