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

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

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

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()