javaScript forEachの使い方

JavaScript forEach

 

forEachの使い方について学んだのでシェア。

 

forEachでliの要素を一つずつ受け取り（要素の最後まで）、

一つずつ .textContentの中の文字列を変えていく。

 

    document.querySelector('h1').textContent='changed h1!';

    document.querySelectorAll('li').forEach(li=>{

        li.textContent='changed li!';

    });

    

処理結果

 

以前シェアしたforEachと使い方は似ている模様。

 

ーーーーーーーーーーーーーーーー

＃処理

受け取った配列の要素分loopして要素が終端まで達したところで

終了する。

 

    //配列(アロー関数：forEach)

    const a=[1,5,10,100];

    a.forEach((a,index)=>{

        console.log(`index:${index}\ta:${a}`);

    });

 

★実行結果

処理結果