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));このように、インデックスの偶奇判定を応用すれば、配列から特定の位置にある要素を柔軟に抽出できます。
-
JavaScriptのArray.values()メソッドとは?使い方とサンプルコードを徹底解説
JavaScriptのArray.values()メソッドとは? JavaScriptのArray.values()メソッドは、対象の配列に含まれるすべての値を格納したイテレーターオブジェクトを返します。ES2015(ES6)以降で利用可能なこのメソッドは、for...ofループやスプレッド構文([...arr])と組み合わせることで、配列の各要素を効率的に取り出せます。 なお、keys()やentries()がインデックス情報も一緒に返すのに対し、values()は純粋に「値」だけを順番に提供する点が大きな特徴です。 基本構文 arr.values() 引数は不要で、戻り値として新しいArr
-
JavaScriptのArray.from()メソッドとは?使い方と実例をわかりやすく解説
Array.from()メソッドは、配列風オブジェクト(array-like)や反復可能オブジェクト(iterable)から、新しい配列オブジェクトを作成するための便利なメソッドです。文字列、Map、Set、NodeListなど、さまざまなデータを手軽に配列へ変換できます。 Array.from()の基本的な動作 例えば、文字列「HelloWorld」に対してArray.from()を使用すると、1文字ずつ分割された新しい配列が生成されます。以下に実際のコード例を示します。 サンプルコード <!DOCTYPE html> <html lang="ja"&g