【JavaScript】【forEach】配列の最初・最後の要素の判定をする

こんにちは、Ryohei（@ityryohei）です！

本記事では、JavaScriptのforEachで配列の最初・最後の要素の判定をする方法をご紹介しています。

上記の疑問にお答えします。

では、解説していきます。

配列の最初の要素を判定する

配列の最初の要素を判定します。判定には、forEachのループ内で取得できるindexを使用します。indexは0から始まるため、indexの値が0であれば最初の要素と判定します。

const alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];

alphabet.forEach((element, index, array)=>{
    
    if(index === 0){
        console.log('first:' + index);
    }
    
});

配列の最後の要素を判定する

配列の最後の要素を判定します。前項同様、配列の最後の要素の判定にはindexを使用します。配列の最後の要素を表すindexの値は、配列の長さから1を引いた値になります。配列の長さはarray.lengthで取得することができるため、array.lengthから1を引いた値がindexと等しければ最後の要素とします。

const alphabet = ['a', 'b', 'c', 'd', 'e', 'f', 'g'];

alphabet.forEach((element, index, array)=>{

    if(index === (array.length - 1)){
        console.log('last:' + index);
    }
    
});

参考：Array.prototype.forEach()

最後に

forEachで配列をループ処理する際、最初と最後の要素にて特定の処理を実行したいケースがあります。JavaScriptでは配列の最初と最後の要素を取得する組み込み関数は現状ないため、indexをうまく使って処理を作成してみてくださいね！

以上、JavaScriptのforEachで配列の最初・最後の要素の判定をする方法のご紹介でした！