【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年目。

前は東京都の京王線沿線に。
その前は神戸の三宮に。
その前は名古屋の八事霊園の近くに住んでいました。

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

フロントエンドを始めて9年目になります。
最近は、ずっとwordpressをいじっており
エディタはVSCodeに乗り換え、日々の業務でイラレとフォトショ、HTMLとCSSとjavascriptとphpを使用してます。
仕事をしていて、検索する手間を省くためフロント技術ブログを書いています。

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

コメント

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