JavaScript

JavaScript

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

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

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

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

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

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

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

JavaScriptで文字列の空白(スペース)を削除する方法について解説します。文字列の空白を取り除くときには、文字列から下記の5つのメソッドを使用することができます。・trim・trimStart・trimEnd・trimLeft・tri...
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つまとめました。下記の文字列操作について記載しています。・文字列を結合する・文字列を置換する・文字列を切り出す・文字列を検索する(指定文字列が含れるか)・文字列から数値に変換する・数値から文字列...
JavaScript

JavaScriptで文字列を含むか検索する方法!メソッド3選!

JavaScriptで文字列に「指定した文字列」が含まれるか、文字列内を検索して確認する方法を書いています。この記事では、下記のメソッドを使用して文字列に、検索文字列が含まれるか確認します。・includesメソッド・searchメソッド・...
JavaScript

JavaScriptで文字列を切り出す3つの方法!【わかりやすく解説】

JavaScriptで文字列を切り出す方法を3つ書いています。実際に動作するサンプルコードを載せて、挙動を詳しく解説しています。この記事では下記のメソッドを使用した、文字列の切り出しについて書いています。・sliceメソッド・substri...
JavaScript

JavaScriptで数値から文字列に変換する4つの方法!

JavaScriptで「数値から文字列」に変換する方法について書いています。変換するサンプルコードと一緒に解説しています。数値を文字列に変換する時には下記を使います。・Stringオブジェクト・toStringメソッド・toFixedメソッ...