JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScript配列から偶数番目(インデックスが偶数)の値を取得する方法

JavaScriptの配列から偶数番目の要素だけを取り出したい場合は、配列のインデックスを利用し、剰余演算子(%)を使って条件判定を行うのが最もシンプルな方法です。

基本的な考え方

インデックスが偶数かどうかは、その値を2で割った余りが0になるかどうかで判断できます。以下のような条件式を使用します。

if(index % 2 == 0) {
  // 偶数番目の要素に対する処理
}

この条件に一致した場合のみ処理を実行することで、配列内の偶数番目(0番目、2番目、4番目…)の値だけを表示・取得できます。

サンプルコード

以下は、科目名が格納された配列から偶数番目の要素をコンソールに出力する例です。

var subjectsName = ["MySQL", "JavaScript", "MongoDB", "C", "C++", "Java"];
for (let index = 0; index < subjectsName.length; index++) {
  if (index % 2 == 0) {
    console.log("偶数番目の科目名=" + subjectsName[index]);
  }
}

プログラムの実行方法

上記のプログラムはNode.js環境で実行できます。ターミナルで以下のコマンドを入力してください。

node fileName.js

ここでは、ファイル名を「demo222.js」として保存しています。実際に使用する際は、ご自身のファイル名に置き換えてください。

実行結果

実行すると、以下のように偶数番目の要素が出力されます。

PS C:\Users\Amit\JavaScript-code> node demo222.js
偶数番目の科目名=MySQL
偶数番目の科目名=MongoDB
偶数番目の科目名=C++

補足:filterメソッドを使う方法

forループ以外にも、ES6以降で利用できるfilter()メソッドとforEach()を組み合わせることで、より簡潔に記述することも可能です。

subjectsName.filter((_, index) => index % 2 == 0)
  .forEach(name => console.log("偶数番目の科目名=" + name));

このように、インデックスの偶奇判定を応用すれば、配列から特定の位置にある要素を柔軟に抽出できます。

  1. JavaScriptのArray.values()メソッドとは?使い方とサンプルコードを徹底解説

    JavaScriptのArray.values()メソッドとは? JavaScriptのArray.values()メソッドは、対象の配列に含まれるすべての値を格納したイテレーターオブジェクトを返します。ES2015(ES6)以降で利用可能なこのメソッドは、for...ofループやスプレッド構文([...arr])と組み合わせることで、配列の各要素を効率的に取り出せます。 なお、keys()やentries()がインデックス情報も一緒に返すのに対し、values()は純粋に「値」だけを順番に提供する点が大きな特徴です。 基本構文 arr.values() 引数は不要で、戻り値として新しいArr

  2. JavaScriptのArray.from()メソッドとは?使い方と実例をわかりやすく解説

    Array.from()メソッドは、配列風オブジェクト(array-like)や反復可能オブジェクト(iterable)から、新しい配列オブジェクトを作成するための便利なメソッドです。文字列、Map、Set、NodeListなど、さまざまなデータを手軽に配列へ変換できます。 Array.from()の基本的な動作 例えば、文字列「HelloWorld」に対してArray.from()を使用すると、1文字ずつ分割された新しい配列が生成されます。以下に実際のコード例を示します。 サンプルコード <!DOCTYPE html> <html lang="ja"&g