-
JavaScriptで配列の順序を逆にする方法（reverseメソッドの使い方）
JavaScriptで配列の要素の順序を逆にするには、reverse()メソッドを使用します。このメソッドは配列の要素を反転させ、最初の要素が最後に、最後の要素が最初に移動します。 reverse()メソッドのポイント reverse()は元の配列そのものを書き換える（破壊的な）メソッドである点に注意しましょう。元の配列を残しておきたい場合は、あらかじめスプレッド構文などでコピーを作成してからreverse()を呼び出すか、ES2023で追加された非破壊的なtoReversed()メソッドを利用すると安全です。 サンプルコード 以下のコードを実行すると、配列の順序が逆になった結果を確認できます
-
JavaScriptで配列の最後の要素を削除して返す方法（popメソッドの使い方）
JavaScriptで配列の最後の要素を削除したい場合は、pop() メソッドを使用します。pop() メソッドは、配列から最後の要素を取り除き、その削除された要素を戻り値として返します。pop() メソッドの基本pop() メソッドは元の配列を直接変更する（破壊的メソッド）ため、呼び出し後には配列の長さが1つ短くなります。削除された値が必要な場合は、戻り値を変数に代入して受け取ります。サンプルコード以下のコードを実行すると、配列の最後の要素を順番に削除して表示できます。<html> <head> <title>JavaScript
-
JavaScriptでオブジェクト配列のプロパティにアクセスする方法
JavaScriptでオブジェクトのプロパティにアクセスするには、ドット記法（object.property）またはブラケット記法（object[property]）を使用します。オブジェクトが配列に格納されている場合も、基本的なアクセス方法は同じです。まずは以下のサンプルコードを実行して、動作を確認してみましょう。サンプルコード<html> <head> <title>User-defined objects</title> <script> function book(title, author){ this.title =
-
JavaScriptの配列（Array）オブジェクトの主なメソッド一覧
JavaScriptの配列（Array）オブジェクトとはJavaScriptの配列（Array）オブジェクトは、複数の値を1つの変数にまとめて格納できるデータ構造です。同じ型の要素を、決まったサイズの順序付きコレクションとして保持します。これにより、関連するデータを効率的に管理し、繰り返し処理などを行うことができます。配列オブジェクトの代表的なメソッドここでは、Arrayオブジェクトでよく使われる主要なメソッドとその説明を紹介します。番号メソッドと説明1concat()この配列に他の配列や値を連結した、新しい配列を返します。元の配列は変更されません。2every()配列内のすべての要素が、指定
-
JavaScriptで配列のメソッドにアクセスする方法を解説
JavaScriptでは、配列に対してさまざまな組み込みメソッドを直接呼び出すことができます。本記事では、配列のメソッドへのアクセス方法を、join() メソッドを使った具体的なコード例とともに解説します。 配列のメソッドとは JavaScriptの配列（Array）には、要素の結合・検索・並べ替えなどを行うための便利なメソッドが多数用意されています。これらのメソッドは、配列名.メソッド名() の形式でドット記法によりアクセスし、呼び出します。 サンプルコード：join() メソッドの使用例 以下は、配列の join() メソッドにアクセスして、配列のすべての要素を文字列として連結する例です。
-
JavaScriptのunshift()メソッドで配列の先頭に新しい要素を追加する方法
JavaScriptのunshift()メソッドを使用すると、配列の先頭に1つ以上の新しい要素を追加できます。このメソッドは、要素を追加した後の配列の新しい長さを戻り値として返します。配列の末尾に要素を追加するpush()メソッドとは対照的に、unshift()は配列の先頭に要素を挿入するため、既存の要素はすべて後ろにシフトされます。サンプルコード以下のコードを実行すると、配列の先頭に新しい要素を追加する方法を確認できます。<html><head> <title>JavaScript Array unshift Method</t
-
JavaScriptで配列を比較する方法｜一致する要素を抽出するサンプルコード
JavaScriptには、配列同士を直接比較するための組み込みメソッドが用意されていません。そのため、2つの配列を比較して一致する要素を調べたい場合は、ループ処理などを使って要素を1つずつ確認する必要があります。 ここでは、二重のforループを使用して、2つの配列に共通する要素（一致する要素）を抽出して表示する方法を紹介します。 サンプルコード <html> <body> <script> var arr1 = [50,60,65,90]; var arr2 = [25,35,50,90]; for (i = 0; i < arr1
-
JavaScriptで配列の最後の要素を取得する方法【slice()ほか複数の手法を解説】
JavaScriptで配列の最後の要素を取得したい場合、slice()メソッドを使うのが簡単で確実な方法の一つです。負のインデックスを指定することで、配列の末尾から要素を取り出せます。slice()メソッドを使った基本的な例以下のコードでは、slice(-1)によって配列の最後の要素だけを含む新しい配列を作成し、[0]でその値を取り出しています。<html> <body> <script> var array = [30, 40, 50, 60]; document.write(array.slice(-1)[0]); // 結果: 60
-
JavaScriptで2つの配列をマージ（結合）する方法【concat()メソッドの使い方】
JavaScriptで2つの配列を1つにマージ（結合）したい場合は、Array.concat()メソッドを使うのが最も基本的な方法です。concat()メソッドは、元の配列に他の配列や値を連結した新しい配列を返します。元の配列自体は変更されないため、安全に利用できる点が特徴です。concat()メソッドの基本構文var newArray = array1.concat(array2, array3, ...);concat()には2つ以上の配列を渡すこともでき、カンマ区切りで複数指定すれば一度にまとめて結合できます。サンプルコード以下のコードを実行すると、2つの配列をマージした結果を確認できま
-
JavaScriptで既存の配列を別の配列で拡張する方法｜concat()の使い方を解説
配列を別の配列で拡張するには？JavaScriptで既存の配列に別の配列を結合して拡張したい場合は、Array.concat()メソッドを使用します。concat()は、元の配列を変更することなく、複数の配列や値をつなげた新しい配列を返すのが特徴です。サンプルコード以下は、既存の配列numbersに別の配列numbers2をconcat()で結合する例です。<html> <head> <title>JavaScript Array concat Method</title>&nb
-
JavaScriptで配列をランダム化（シャッフル）する方法
JavaScriptの配列をランダムに並び替えて、要素をシャッフルした状態で表示したいケースはよくあります。そのような場合は、以下のコードを実行することで簡単に実現できます。 コード例 <html> <body> <script> function randomFunc(myArr) { var l = myArr.length, temp, index; while (l > 0) { index = Math.floor(Math.random() * l); l--; temp = myArr[l]
-
JavaScriptで要素が特定のクラスを持っているか判定する方法
要素が特定のクラスを含んでいるかどうかを確認するには、hasClass() メソッドを使用します。このメソッドは、要素の className プロパティに対象のクラス名が含まれているかをチェックし、含まれていれば true、含まれていなければ false を返します。 hasClass() の基本的な実装例 以下のコードでは、<div> 要素が「myClass」というクラスを持っているかどうかを判定しています。クラス名の前後に半角スペースを付けて検索することで、「myClass2」のような部分一致を防ぎ、正確に判定できるのがポイントです。 <html> &
-
JavaScriptにブール型（Boolean）の配列は存在する？型付き配列の種類と代替方法を解説
JavaScriptにブール型の配列はありますか？結論から言うと、JavaScriptにはブール値（true / false）専用の型付き配列は存在しません。ブール値を格納するための「BooleanArray」のような組み込みオブジェクトは用意されていません。JavaScriptで利用できる型付き配列は、整数および浮動小数点数向けの以下の9種類のみです。JavaScriptで使える型付き配列の一覧Int8Array … 8ビット符号付き整数Uint8Array … 8ビット符号なし整数Uint8ClampedArray … 8ビット符号なし整数（範囲外の値をクランプ）Int16Array …
-
JavaScriptで文字列の長さを取得する方法【lengthプロパティの使い方】
JavaScriptで文字列の長さを取得するには、lengthプロパティを使用します。lengthプロパティは、文字列に含まれる文字数を数値として返します。基本的な使い方lengthプロパティは、文字列オブジェクトに対してドット（.）でアクセスするだけで、特別な引数や複雑な処理なしに文字数を取得できる、非常にシンプルで便利なプロパティです。サンプルコード以下のコードを実行すると、文字列の長さを取得する方法を確認できます。<html> <head> <titl
-
JavaScriptで素数を生成する方法を解説！初心者向けサンプルコードと効率化のコツ
素数とは、1とその数自身でしか割り切れない、2以上の自然数のことです。JavaScriptで素数を生成する最もシンプルな方法は、試し割り法（trial division）と呼ばれる手法です。これは、ある数値が2からその数未満までのいずれかの整数で割り切れるかどうかを順番にチェックし、一度も割り切れなければ素数と判定するというものです。ここでは、2〜20の範囲から素数を見つけ出して表示するサンプルコードを紹介します。サンプルコード<script> // 2〜20の各数値について素数かどうかを判定 for (var limit = 2; limit <= 20; limit+
-
JavaScriptのBooleanコンストラクタとは？constructor()メソッドの使い方を解説
JavaScriptでブール値（真偽値）を扱う際には、Booleanオブジェクトのconstructor()メソッドを利用できます。このメソッドは、そのインスタンスのプロトタイプを生成したBoolean関数への参照を返します。つまり、あるBooleanオブジェクトがどの関数から作成されたものなのかを確認したいときに役立ちます。 constructor()メソッドの基本 constructor()は、すべてのJavaScriptオブジェクトが持つプロパティです。Booleanオブジェクトに対して呼び出すと、function Boolean() { [native code] }という形式で、元と
-
【JavaScript】文字列の特定のインデックスの文字を置き換える方法
JavaScriptでは文字列は不変（イミュータブル）なため、str[0] = x のように直接インデックスを指定して文字を書き換えることはできません。そこで、既存の文字列をもとに新しい文字列を組み立てる方法が一般的に使われます。 基本的な実装例 以下の例では、文字列「cric」のインデックス3（4番目の文字）を「x」に置き換えています。 <html> <head> <title>JavaScript</title>
-
JavaScriptで文字列を連結する最良の方法とは？
JavaScriptで文字列を連結する最も簡単かつ高速な方法は、+ 演算子を使用することです。また、concat() メソッドを使う方法もあります。主な文字列連結の方法1. + 演算子最も一般的で直感的な方法です。パフォーマンスにも優れており、ほとんどの場面で推奨されます。var str1 = Hello; var str2 = World; var res = str1 + str2; // HelloWorld2. concat() メソッド文字列同士を連結するための組み込みメソッドです。引数に渡した文字列が順番に連結され、新しい文字列として返されます。var res = str1.con
-
JavaScriptで配列を作成する方法をわかりやすく解説
JavaScriptで配列を作成するのはとても簡単です。最も基本的な方法は、配列リテラル（角括弧 []）を使って値を代入する方法です。var animals = [Dog, Cat, Tiger];newキーワードを使って配列を作成するもうひとつの方法として、newキーワードとArrayコンストラクタを使って配列を作成することもできます。var animals = new Array(Dog, Cat, Tiger);Arrayコンストラクタの引数に注意Arrayコンストラクタの引数には、文字列や整数のリストを指定します。ただし、数値を1つだけ指定した場合、その数値は配列の要素ではなく「配列の
-
JavaScriptで整数の配列を作成する基本方法をわかりやすく解説
JavaScriptで整数の配列を作成する最もシンプルな方法は、配列リテラル（角括弧 []）を使うことです。要素をカンマで区切って並べるだけで、簡単に整数の配列を定義できます。 var rank = [1, 2, 3, 4]; newキーワードとArrayコンストラクタを使う方法 もうひとつの方法として、new キーワードを使って Arrayコンストラクタ から配列を生成することもできます。 var rank = new Array(1, 2, 3, 4); この場合、Arrayの引数には文字列や整数のリストを渡します。ただし、引数として数値を1つだけ指定した場合は挙動が異なり、その値は配列の