JavaSciptの入門や学習に使える記事一覧

JavaScript

JavaScriptのundefinedとは?判定やnullと違いなど

JavaScriptのundefinedについてまとめました。 undefinedについて解説した後に、下記のことについて書いています。 ・undefinedになるパターンについて ・undefinedの判定方法 ・undefinedとnu...
JavaScript

JavaScriptでクラスを使う方法!(コンストラクタなど)

JavaScriptでクラスを使う方法について書いています。 クラスを使った例について解説などと、下記の内容について記載しました。 ・コンストラクタ ・パブリック・プライベートプロパティ ・静的プロパティ・ 静的メソッド JavaScrip...
JavaScript

JavaScriptで型を確認!typeof演算子の使い方!

JavaScriptで、変数や値の型を確認することができるtypeof演算子について書いています。 typeof演算子を変数や値の前につけることで、文字列で型を返してくれます。 最初に、typeof演算子の使い方を書いています。 その後に、...
JavaScript

JavaScriptでテキストファイルを読み込む方法!

JavaScriptで、選択されたファイルの内容を読み込む方法について書いています。 今回はテキストファイルを読み込んで表示してみました。 ファイルを読み込む際にはFileオブジェクトに対して、FileReaderオブジェクトを使ってあげる...
JavaScript

JavaScriptのオプショナルチェーン演算子の使い方!

JavaScriptのオプショナルチェーンの使い方について書いています。 オプショナルチェーンはプロパティに.?をつけてアクセスする演算子です。 サンプルコードをいくつか用意して、挙動を確認してみました。 MDNのこちらのドキュメントを参考...
JavaScript

JavaScriptのNull合体演算子(”??”)の使い方!

JavaScriptのNull合体演算子の使い方について書いています。 その後に実際に8パターンのコードで動作を検証した結果を書きました。 Null合体演算子の使い方は? JavaScriptのNull合体演算子は、nullか判断して、nu...
JavaScript

JavaScriptで文字列の空白を削除する5つのメソッド!

JavaScriptで文字列の空白(スペース)を削除する方法について解説します。 文字列の空白を取り除くときには、文字列から下記の5つのメソッドを使用することができます。 ・trim ・trimStart ・trimEnd ・trimLef...
JavaScript

JavaScriptで配列を結合する方法3選!

JavaScriptで、配列を結合する方法について書いています。 下記のメソッドや構文を使うことで、配列を結合することが可能です。 ・スプレッド構文 ・concatメソッド ・pushメソッド それぞれについて、次項から詳しくみていきます。...
JavaScript

JavaScriptで配列の要素を取得する方法!

JavaScriptで、配列の要素を取得する方法について書いています。 配列の要素とキーを取得する方法と、配列の要素をループする方法などについて記載しています。 配列の要素を取得する 要素番号を指定すると、要素を取得することができます。 例...
JavaScript

JavaScriptで配列に含むか検索する5つの方法!

JavaScriptで配列に要素を含んでいるか検索する方法について書いています。 配列の要素を含むか確認する時には、下記のメソッドを使います。 ・includesメソッド ・indexOfメソッド ・findIndexメソッド ・every...
JavaScript

JavaScriptで配列に要素を追加する3つの方法!

JavaScriptで配列に要素を追加する方法について書いています。 配列に要素を追加する時には、下記のメソッドを使います。 ・pushメソッド(配列の末尾に要素を追加) ・unshiftメソッド(配列の先頭に要素を追加) ・spliceメ...
JavaScript

JavaScriptで文字列を操作まとめ(置換・切り出し・検索・数値変換)

JavaScriptで文字列を操作する記事を6つまとめました。 下記の文字列操作について記載しています。 ・文字列を結合する ・文字列を置換する ・文字列を切り出す ・文字列を検索する(指定文字列が含れるか) ・文字列から数値に変換する ・...