TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのparseIntメソッドの使い方と扱える最大値について現役エンジニアが解説【初心者向け】
JavaScript

JavaScriptのparseIntメソッドの使い方と扱える最大値について現役エンジニアが解説【初心者向け】

初心者向けにJavaScriptのparseIntメソッドの使い方と扱える最大値について現役エンジニアが解説しています。parseIntメソッドとは文字列などを整数に変換する処理を行う関数です。parseIntメソッドで扱える最大値は、Numberオブジェクトの定数にあります。

TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

JavaScriptのparseIntメソッドの使い方と扱える最大値について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。

そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。

 

なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。

 

田島悠介

今回は、JavaScriptに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

JavaScriptのparseIntメソッドの使い方と扱える最大値について詳しく説明していくね！

大石ゆかり

お願いします！

 

目次

 

parseIntメソッドの使い方

parseIntメソッドはJavaScriptに標準で入っている関数なのでparseInt()のように直接記述して使うことができます。引数は2つあり第1引数のみ必須です。

第1引数は整数に変換する文字列を指定します。第2引数は基数を指定する数値を指定します。基数は0と1だけで表す2進数なら2、数を数える時に使っている10進数なら10となります。省略した場合のデフォルト値は10ではないので注意してください。また、省略した場合の動作は実装依存なので基本的には第2引数を指定して使ってください。

[PR] フロントエンドで挫折しない学習方法を動画で公開中

parseIntメソッドで扱える最大値

JavaScriptで正確に扱える数は、数値を表すNumberオブジェクトに定数として保持されています。Number.MAX_SAFE_INTEGERは最大整数値(253 – 1)となっていて、整数で表すと9007199254740991です。

またJavaScriptで表すことが可能な最大数値はNumber.MAX_VALUEに保持されています。2の1024乗である値となっていて、1.7976931348623157e+308（e+308は10の308乗）です。

実際に使ってみよう

実際にparseIntメソッドを使って、渡した引数と結果を確認してみます。’1234’という文字列を10進数の1234にする場合は下記のように記述します。

parseInt('1234', 10);    //1234

‘0123’のような0から始まる文字列を10進数にすると、整数が返されるので頭の0がなくなり123が返されます。

parseInt('0123', 10);    //123

‘一二三’のような数値ではない文字列を10進数にすると、数値ではないことを表すNan（Not-A-Number）が返されます。

parseInt('一二三', 10);    //NaN

’12月と1日’のような数値以外が含まれる文字列を10進数にすると、最初の数値ではない文字以降を無視するので12が返されます。

parseInt('12月と1日', 10);    //12

 

まとめ

parseIntメソッドを紹介しました。主に使うことの多い10進数に絞った結果の違いを見ましたが、他の基数でも基本的な考え方は同様です。

詳細はMDNのリファレンスページでも確認できます。
MDNのリファレンスページ

筆者プロフィール

横山茂雄（よこやましげお）

フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。

言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。

 

大石ゆかり

内容分かりやすくて良かったです！

田島悠介

ゆかりちゃんも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

 

TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

JavaScriptでフォームの送信先を操作する方法を現役エンジニアが解説【初心者向け】

JavaScriptでフォームの送信先を操作する方法について解説します。 実際のコードをもとに解説していきますので、理解を深めていきましょう。 また...
JavaScript

JavaScriptのdateにおけるtoStringメソッドについて現役エンジニアが解説【初心者向け】

JavaScriptのdateにおけるtoStringメソッドについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解...
JavaScript

JavaScriptで正規表現のグループ化を使ってmatchメソッドで文字列を抽出する方法を現役エンジニアが解

JavaScriptで正規表現のグループ化を使ってmatchメソッドで文字列を抽出する方法について、TechAcademyのメンター（現役エンジニア）が実際のコ...
JavaScript

JavaScriptにおけるfor文とcontinue文について現役エンジニアが解説【初心者向け】

JavaScriptにおけるfor文とcontinue文について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説しま...
JavaScript

JavaScriptのPromise.rejectメソッドの使い方を現役エンジニアが解説【初心者向け】

JavaScriptのPromise.rejectメソッドの使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに...
JavaScript

JavaScriptでbindメソッドを使う方法【初心者向け】

JavaScriptをプログラミング初心者向けに紹介した記事です。 今回は、JavaScriptでbindを使う方法について解説します。 また、入門...
JavaScript

あわせてよく読まれている記事

文字列を整数に変換！JavaScriptのparseInt( )の使い方【初心者向け】

JavaScriptでparseInt( )を使う方法について解説しています。 文字列を数値として定義することができる関数の使い方になります。 また、入門向けのJavaSriptを学習できるサイトも紹介しているので、合わせてご覧ください。   なお本記事は、オンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）の内容をもとにしています。   parseIntとは parseIntとは、文字列を整数に変換するJavaScriptのグローバル関数です。 グローバル関数とは、JavaScriptのプログラムのどこからでもアクセスし、使用可能である関数という意味です。   JavaScriptは、データ型の違いをそれほど気にせず使用できるプログラミング言語です。 JavaScriptで書かれたプログラムは、その前後の関数や演算の内容を汲み取り、自動的に適切なデータ型へと変換します。 一見すると非常に素晴らしいのですが、その一方で不具合の原因となります。 そこで、この自動的にデータ型を変換してもらうのではなく、しっかりとデータ型を定義することで、未知の不具合を避けることができます。 そのために、parseInt関数を使用して、文字列を変数に変換することで、しっかりと数値として定義します。   parseIntの書き方 parseIntは次のような書き方で使用することができます。 parseInt(str) parseInt(str, int)   praseInt(str)の場合 strはstringの略称で、文字列を意味します。 parseInt("123"); で指定された場合、123という文字列が整数の123にデータ型を変換します。   parseInt(str, int)の場合 intの部分は、基数です。 変換前の数値を何進数で表現しているかについての指定をする基準を指定します。 この基準を指定する数値を、基数と呼びます。 基数には、2進数、8進数、10進数、16進数を指定することができます。 2進数は、数値を0と1だけで表現した数値です。 8進数は、数値を0で始まり0から7までの数字で表現したものです。 10進数は、私達が日常使用している0から9までの数値を使用して表現したものです。 16進数は、数値を0x又は0Xで始まり0から9までの数字かAからFまでの記号で表現したものです。英文字はaからfでも同じ意味を表します。   例えば、10進数の1をそれぞれで表すと、2進数は1、8進数は01、16進数は0x1となります。 これらの2,8,10,16のどれかをintで示される引数に基数として使用することができます。 例えば、16進数の0x8をparseIntで変換する場合次のように記載します。 parseInt("0x8"); 結果は、10進数の8が表示されます。   [PR] フロントエンドで挫折しない学習方法を動画で公開中parseIntのサンプルプログラム それでは、10進数で8を表す数値をpraseInt関数を使用し10進数に変換してみましょう。 プログラム parseInt("1000", 2); parseInt("010", 8); parseInt("8", 10); parseInt("0x8", 16);   プログラムの意味 parseInt("1000", 2);　2進数で表示した1000を10進数に変換します。 parseInt("010", 8);　8進数で表示した010を10進数に変換します。 parseInt("8", 10);　10進数で表示した8を10進数に変換します。 parseInt("0x8", 16);　16進数で表示した0x8を10進数に変換します。   表示結果 8 8 8 8 表示結果はすべて「8」になりました。 今回は、文字列を数値に変換するparseInt関数の説明をしました。 同様の機能としては、parseFloat関数や、Number関数があります。   parseFloat関数 parseIntと異なる点として、浮動小数点リテラルを使用することが可能です。 浮動小数点とは、整数値である1であれば、1.0と表示する小数点表記です。   Number関数 Number関数もparseFloat関数と同様に浮動小数点を扱うことができます。 ただし、parseIntやparseFloatと異なり、文字列混在の数値に対応できません。 しかし、paseIntやparseFloatと異なり、オブジェクトを解析することができます。   以上、JavaScriptでparseInt( )の使い方を解説しました。   また、TechAcademyではJavaScriptを使ってWebサービスを公開できるオンラインブートキャンプ フロントエンドコース（JavaScript・jQuery講座）を開催しています。 プログラミングの初心者でも受講可能です。Webサイトの表現の幅を広げたいという方はぜひご覧ください。
JavaScript

JavaScriptのNumber.parseIntメソッドについて現役エンジニアが解説【初心者向け】

JavaScriptのNumber.parseIntメソッドについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。 そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptのNumber.parseIntメソッドについて詳しく説明していくね！ 大石ゆかり お願いします！   目次 Numberオブジェクトとは Number.parseIntメソッドの使い方 実際に使ってみよう まとめ   Numberオブジェクトとは JavaScriptに標準で入っている数値を表すオブジェクトです。 Numberオブジェクトには数値を扱う定数とメソッドを持っています。定数には、JavaScriptの数値で表せる最大値のMAX_VALUEや最小値のMIN_VALUEなどがあります。 メソッドには、今回紹介する文字列を数値に変換するperseIntや数値かどうかを判定するisIntegerなどがあります。 [PR] フロントエンドで挫折しない学習方法を動画で公開中Number.parseIntメソッドの使い方 NumberはJavaScriptに標準で入っているオブジェクトなので、そのままNumber.parseInt()と記述することで使えます。引数は2つあり第1引数のみ必須です。 第1引数は整数に変換する文字列を指定します。第2引数は基数を指定する数値を指定します。基数は0と1だけで表す2進数なら2、数を数える時に使っている10進数なら10となります。省略した場合のデフォルト値は10ではないので注意してください。また、省略した場合の動作は実装依存なので基本的には第2引数を指定して使ってください。 実際に使ってみよう 実際にNumber.parseIntメソッドを使って、渡した引数と結果を確認してみます。’1234’という文字列を10進数の1234にする場合は下記のように記述します。 Number.parseInt('1234', 10); //1234 ‘0123’のような0から始まる文字列を10進数にすると、整数が返されるので頭の0がなくなり123が返されます。 Number.parseInt('0123', 10); //123 ‘一二三’のような数値ではない文字列を10進数にすると、数値ではないことを表すNan（Not-A-Number）が返されます。 Number.parseInt('一二三', 10); //NaN ’12月と1日’のような数値以外が含まれる文字列を10進数にすると、最初の数値ではない文字以降を無視するので12が返されます。 Number.parseInt('12月と1日', 10); //12   まとめ Number.parseIntメソッドを紹介しました。主に使うことの多い10進数に絞った結果の違いを見ましたが、他の基数でも基本的な考え方は同様です。 詳細はMDNのリファレンスページでも確認できます。 MDNのリファレンスページ 筆者プロフィール 横山茂雄（よこやましげお） フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。 言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
JavaScript

JavaScriptのparseIntメソッドでエラーが発生する際の対処方法について現役エンジニアが解説【初心者向け】

JavaScriptのparseIntメソッドでエラーが発生する際の対処方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 parseIntメソッドでエラーが発生する際の対処方法について詳しく説明していくね！ 大石ゆかり お願いします！   目次 parseIntメソッドとは parseIntメソッドの使い方 parseIntメソッドでエラーが発生する際の主な原因とその対処方法 まとめ   parseIntメソッドとは 文字列を解析し数値を返すメソッドです。 平たく言うと、’（シングルクォート）や”（ダブルクォート）で囲われた数字で書かれた文字列を数値に変換するときに使うメソッドになります。   [PR] フロントエンドで挫折しない学習方法を動画で公開中parseIntメソッドの使い方 parseIntメソッドはJavaScriptに標準で入っている関数なのでparseInt()のように直接記述して使うことができます。 引数は2つあり第1引数のみ必須です。 第1引数は整数に変換する文字列を指定します。第2引数は基数を指定する数値を指定します。基数は0と1だけで表す2進数なら2、数を数える時に使っている10進数なら10となります。 省略した場合のデフォルト値は10ではないので注意してください。また、省略した場合の動作は実装依存なので基本的には第2引数を指定して使ってください。   parseIntメソッドでエラーが発生する際の主な原因とその対処方法 parseIntメソッドでエラーが発生することはあまりありません。なぜならば、数値として解析する第1引数は全角でも数字以外の文字が含まれていても動作するからです。 エラーが発生するとしたら、第２引数の2〜36の整数で指定する基数を全角にしてしまうような構文エラーに近いものになるでしょう。 エラーにはならないものの意図しない動作になりうるパターンをいくつか紹介します。 第1引数の最初の1文字目が数字ではない parseInt('あ123', 10) この場合の戻り値は、NaN　となります。 NaNはNot-A-Numberの略で数ではないものを表すオブジェクトです。 第1引数の途中に数字以外の文字が含まれている parseInt('123あいう456', 10) この場合の戻り値は、123　となります。 数字以外の文字以降が無視されるためです。 第1引数が0から始まる数字で、第2引数が省略 parseInt('0123') この場合の戻り値はブラウザによって異なる可能性があります。 0から始まる数を8進数とみなす解釈をするブラウザでは、83　が戻り値です。 10進数として扱うブラウザでは、123　が戻り値です。 第2引数に2〜36の間ではない数値が指定 parseInt('0123', 1) parseInt('0123', 37) この場合の戻り値はどちらも、NaN　となります。   まとめ parseIntメソッドを紹介しました。 第2引数を指定することで意図しない動作の多くは防げます。 第2引数は指定するようにしましょう。   監修してくれたメンター 横山茂雄（よこやましげお） フリーエンジニアとして活動中。サーバーサイドからフロントまで時代の波に合わせてスキルを変化させてきました。 言語、フレームワーク、DB、現場、いずれも転々としながら、筋トレも欠かさない体育会系エンジニアです。TechAcademyジュニアのゲームアプリコースを担当しています。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプJavaScript/jQuery講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
JavaScript

Javaで16進数を10進数に変換する方法を現役エンジニアが解説【初心者向け】

Javaで16進数を10進数に変換する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   Javaについてそもそもよく分からないという方は、Javaとは何なのか解説した記事を読むとさらに理解が深まるでしょう。   なお本記事は、TechAcademyのオンラインブートキャンプJava講座の内容をもとに作成しています。   田島悠介 今回は、Javaに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 16進数を10進数に変換する方法について詳しく説明していくね！ 大石ゆかり お願いします！   進数とは 新数とは数字を表す概念のことです。 例えば、普段使っている0から9の組み合わせの数字は10個の数字を使用しているため10進数と呼びます。 新数には様々な種類があり下記のような新数が代表的です。 ・0と1の2つの数字のみを使用する場合は2進数 2進数「10」 -> 10進数「2」 2進数「11」 -> 10進数「3」 ・0から7までの8つの数字のみを使用する場合を8進数 8進数「6」 -> 10進数「6」 8進数「11」 -> 10進数「9」 ・0から9の数字に加えてAからFまでのアルファベットを使用して、16個の数字と記号を使用する場合は16進数 16進数「f」 -> 10進数「15」 16進数「ff」 -> 10進数「255」 Javaプログラムではこれらの10進数、2進数、8進数、16進数の4通りが使用可能です。   16進数を10進数に変換する方法 Javaのプログラムで16進数の数字を10進数の数字に変換するには、IntegerクラスのparseInt()メソッドを使用します。 以下、サンプルコードです。 Integer.parseInt(16進数文字列, 16) 第一引数は16進数の値を文字列で指定し、第二引数には基数となる「16」を使用しましょう。   [PR] フロントエンドで挫折しない学習方法を動画で公開中10進数を16進数に変換する方法 Javaのプログラムで10進数の数字を16進数の数字に変換するには、IntegerクラスのtoHexString()メソッドを使用しましょう。 以下サンプルコードです。 Integer.toHexString(int型の10進数値) 引数に渡した10進数の値を16進数に変換します。 また、変換した値は16進数の文字列表現となる点は覚えておきましょう。   実際に書いてみよう 実際にサンプルプログラムで16進数から10進数への変換、10進数から16進数への変換を確認しておきましょう。 public class Change { public static void main(String[] args) { String hex = "fe"; int dec = Integer.parseInt(hex, 16); System.out.println(hex + " => " + dec); String hex2 = Integer.toHexString(dec); System.out.println(dec + " => " + hex2); } } 実行結果 fe => 254 254 => fe 16進数の値を10進数へ変換したり、10進数の値を16進数へ変換したりすることが可能です。   執筆してくれたメンター 松井紀明 メーカー系で17年エンジニアとして勤務後、現在はフリーのエンジニアとしてリモートワークで働いています。 Java、Perl、COBOL、最近ではRuby、PHP等、様々な言語での開発を経験しています。 TechAcademyではJavaコースを担当しています。   大石ゆかり Javaで16進数を10進数に変換する方法がよく分かったので良かったです！ 田島悠介 ゆかりちゃん、これからも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、JavaやServletの技術を使ってWebアプリケーション開発を習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、参加してみてください。
Java

JavaScriptのNumberとparseIntの違いを現役エンジニアが解説【初心者向け】

JavaScriptのNumberとparseIntの違いについて、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   そもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まるでしょう。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 NumberとparseIntの違いについて詳しく説明していくね！ 大石ゆかり お願いします！   Numberとは Numberとは、オブジェクトの1つで、文字列や数字などの引数をNumber型に型変換するための操作です。 JavaScriptでは、文字列はString型、数値はNumber型として扱われます   Numberの使い方 引数に”123″などの数字を文字列として渡すと、123などの数値に変換されます。 また、引数に”abc”などの値を渡すと、数字ではないため「NaN」という戻り値が返され、これは変換不可能という意味です。   [PR] フロントエンドで挫折しない学習方法を動画で公開中parseIntとは 引数を解析することで整数を得ることができるオブジェクトです。 JavaScriptに標準で組み込まれた関数のため、いきなり使うことができます。   parseIntの使い方 引数に変換したい数字文字列をセットしましょう。 var int1 = parseInt("123") // 123 parseIntの正式な使い方 parseIntはparseInt(“123”)のように使われることが多いものの、本来は以下コードで使用可能です。 parseInt( 変換したい文字列 , 何進数かを明示 ); 例えば、通常は１０進数で整数を扱うときに以下のように記述します。 parseInt( "123" , 10 );   NumberとparseIntの違い NumberとparseIntの利用例を比較してみましょう。 利用例の比較 以下の３通りの引数を用意します。 ケース１：「7日」　（ 半角数字 + 漢字 ） ケース２：「0.1」 　（ 小数 ) ケース３：「010」　（ ゼロサプレスされていない数字 ） Number("7日") // NaN Number("0.1") // 0.1 Number("010") // 10 parseInt("7日") // 7 parseInt("0.1") // 0 parseInt("010") // 10 利用例の比較結果 ケース１では、parseIntは数字だけ解析して取り出すことが可能です。 この場合では、事前に文字列を加工してから数値変換した方がスムーズだといえます。 ケース２では、parseIntでは情報が欠落してしまいます。 parseIntは整数専用であり、この場合はparseFloat()を使いましょう。 ケース３では結果は同一であるものの、以前のバージョンでは、parseIntを使うと引数を8進数扱いされるため結果が 8 となっていました。 役割の違いを考える 通常の１０進数の取り扱いに関しては、Numberを使うことをオススメします。 しかし、２進数や８進数などの特殊な計算においては、parseIntの利用を検討すると良いでしょう。   まとめ 文字列を数値に変換したい場合には、Numberを使いましょう。 そして、時と場合によって使い分けていくことが重要です。   執筆してくれたメンター 寺谷文宏 WEBアプリケーションエンジニアとして数多くのプロジェクトを経験し、フロントエンドからサーバーサイドまで総合的な開発を得意としています。 TechAchademyではフロントエンド、Javaコースを担当。   大石ゆかり JavaScriptのNumberとparseIntの違いがよく分かったので良かったです！ 田島悠介 ゆかりちゃん、分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは、初心者でもJavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、参加してみてください。
JavaScript

JavaScriptのtoStringメソッドの使い方を現役エンジニアが解説【初心者向け】

JavaScriptのtoStringメソッドの使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使って初心者向けに解説します。   JavaScriptについてそもそもよく分からないという方は、JavaScriptとは何なのか解説した記事をみていきましょう。   なお本記事は、TechAcademyのオンラインブートキャンプJavaScript/jQuery講座の内容をもとにしています。   田島悠介 今回は、JavaScriptに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 JavaScriptのtoStringメソッドの使い方について詳しく説明していくね！ 大石ゆかり お願いします！   目次 toString()メソッドとは toString()メソッドの使い方 実際に書いてみよう まとめ   toString()メソッドとは toString()メソッドはNumberオブジェクトのメソッドの1つで、Numberオブジェクトを表す文字列を返します。 例えば、数値型を文字列に変換することが可能です。 JavaScriptにおいて、数値や文字列はオブジェクトではなく、単なる値である数値や文字列をプリミティブ型と呼びます。   JavaScriptにはプリミティブ型を包み込んでオブジェクトとして扱うための「ラッパーオブジェクト」と呼ばれる仕組みが用意されており、数値にはNumber 、文字列にはStringというラッパーオブジェクトが用意されています。 数値をNumberオブジェクトとして扱うことで、Numberオブジェクトに用意されているメソッドやプロパティを使用することが可能です。   [PR] フロントエンドで挫折しない学習方法を動画で公開中toString()メソッドの使い方 toString()の書き方は以下のようになります。 Numberオブジェクト.toString(基数)   基数には2から36までの整数を指定しましょう。 例えば10であれば10進数、2であれば2進数という意味です。 基数を省略すると10進数として扱われます。   実際に書いてみよう 今回のサンプルプログラムでは、NumberオブジェクトのtoString()メソッドについて使い方を確認していきましょう。 実行はChromeブラウザーのデベロッパーツールで行います。 基数を省略した場合と10を指定した場合について確認しましょう。 const num1 = 255; console.log(num1.toString()); console.log(num1.toString(10)); 実行結果は以下のとおりです。 数値が10進数としてそのまま出力されています。 255 255 次に基数を 2、8、16に変更して確認してみましょう。 console.log(num1.toString(2)); console.log(num1.toString(8)); console.log(num1.toString(16)); 実行結果は以下のとおりです。 255は2進数で「11111111」、8進数で「377」、16進数で「ff」となります。 11111111 377 ff   まとめ 今回の記事ではJavaScriptのtoString()メソッドの使い方を学習しました。 toString()メソッドを有効に活用していきましょう。   執筆してくれたメンター 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。 守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。 その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。 地方在住。 仕事のほとんどをリモートオフィスで行う。 通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり JavaScriptのtoStringメソッドの使い方がよく分かったので良かったです！ 田島悠介 ゆかりちゃん、これからも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、JavaScript・jQueryを使ったWebサービス公開を習得できるオンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、参加してみてください。
JavaScript

TechAcademyから
現役エンジニアの方へ
お知らせ

藤門千明
TechAcademy（テックアカデミー） フロントエンドコース プログラミング JavaScript JavaScriptのparseIntメソッドの使い方と扱える最大値について現役エンジニアが解説【初心者向け】