Javascript 使用foreach追加子级

我应该有一个

然后我通过

    response.data.aTweets.forEach(element => {
        //console.log(element);
        element.pics.forEach(pic => {
            var image = new Image();
            image.height = 180;
            image.classList.add('mt-2','rounded','mr-2', 'w-100');
            image.src    = pic;
            oHome.oImageRow1.appendChild(image); //append to image row one if length is <= 2
            oHome.oImageRow2.appendChild(image); //append to image row one if length is > 2
        });
        oHome.oTweetContainer.appendChild(oHome.oClone);
    });

response.data.aTweets.forEach（元素=>{
//控制台日志（元素）；
element.pics.forEach（pic=>{
var image=新图像（）；
图像高度=180；
image.classList.add（'mt-2'，'rounded'，'mr-2'，'w-100'）；
image.src=pic；
oHome.oImageRow1.appendChild（图像）；//如果长度为2，则追加到图像第一行
});
oHome.oTweetContainer.appendChild（oHome.oClone）；
});

这是我的oImageRow1和oImageRow2

<div class="row" id="image_row_one">

</div>

<div class="row" id="image_row_two">

</div>

如果element.pics的长度大于2，如何将其附加到图像第一行

我尝试使用element.pics.length，但它是常量。我想我可能需要一个计数器或其他什么东西，这应该行得通

response.data.aTweets.forEach（元素=>{
//控制台日志（元素）；
element.pics.forEach（pic=>{
var image=新图像（）；
图像高度=180；
image.classList.add（'mt-2'，'rounded'，'mr-2'，'w-100'）；
image.src=pic；
element.pics.length>2？oHome.oImageRow2.appendChild（图像）：oHome.oImageRow1.appendChild（图像）；
});
oHome.oTweetContainer.appendChild（oHome.oClone）；
});

use

if/else

是常规方法forEach有一个索引参数，您可以使用use

元素来计算。pics.forEach（（pic，i）=>{

第二个参数将是您的计数器，用于检查。