# 具体遇到的问题
老师，我想问下为什么用forEach就可以读取并加载json数据，用双层for循环就不行？代码见下方，还有老师能不能讲解下forEach和for循环的区别？
# 尝试过的解决思路和结果
我试着用简单的数组循环分析，例：

var arr1=[1,2],arr2=[3,4];

var obj = [arr1,arr2];

for(var i=0; i<obj.length; i++){

var item = obj[i];

for(var j=0; j<item.length; j++){

console.log(item[j])

}

}

用forEach和双层for循环的方法似乎都可以成功

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

//不报错，但是用双层for循环为什么不能成功读取json数据，而用forEach就可以
function getOthers(data){
        var arr = data.discounts2;
        var othertmpl = '<div class="other-info">'+
                    '<img src=$icon_url alt="" class="others-tag">'+
                    '<span class="others-desc">$info</span>'+
                    '</div>';
        var len = arr.length;
        var str = '';
        for(var i = 0; i < len; i++){
            var item = arr[i]; 
            for(var j = 0;j < item.length; j++){
                var othertmpl = '<div class="other-info">'+
                    '<img src=$icon_url alt="" class="others-tag">'+
                    '<span class="others-desc">$info</span>'+
                    '</div>';
                othertmpl = othertmpl.replace('$icon_url',item.icon_url).replace('$info',item.info);
                str += othertmpl;
            } 
        }
        return str;
    }
    
 // 用forEach方法可以成功读取加载数据
 function getOthers(data){
        var arr = data.discounts2;
        var othertmpl = '<div class="other-info">'+
                    '<img src=$icon_url alt="" class="others-tag">'+
                    '<span class="others-desc">$info</span>'+
                    '</div>';
        var str = '';
        
        arr.forEach(function(item,index){
            
            var _str = othertmpl.replace('$icon_url',item.icon_url).replace('$info',item.info);
        
            str += _str;
        })
        return str;
    }

在这里输入代码，可通过选择【代码语言】突出显示