从台获取到的数据所需要的对象里还包了一个数组，数组里还有一个对象里面的值是需要渲染的，可总是报找不到。

Question

从台获取到的数据所需要的对象里还包了一个数组，
数组里还有一个对象里面的值是需要渲染的，可总是报找不到。

str += '<div class=name11>'+data[i].children[i].nick_name+'</div>'
控制台可以打印出来渲染到页面就不行

str += '<div class=circs>'+data[i].name+'</div>'
这个name就可以找到小白实在搞不定，同事说是访问不到变量，但是str改全局变量还是一样。

success: function (d) {

        var data = d.data;
         var str = '';       
        for(var s of data){
       
            str += '<div class=box-txt-left>';
            // 
            str += '<div class=box-left>';
            str += '<div class=short2>'+s.factory_shortname+'</div>';
            str += '<div class=name>'+s.name+'</div>'
            // str += '<div class=circs>'+data[i].name+'</div>'
            // str += '<div class=remark>'+data[i].name+'</div>'
            str += '<div class=prune>'+s.wait_sum+'</div>'
            str += '</div>'
            // str += '</div>'
            // 
            str += '<div class=box-right>';
            // 上
            str += '<div class=box-top>';
            // str += '<div class=name1>'+ss.nick_name+'</div>'
            // str += '<div class=name11>'+data[i].children.nick_name+'</div>'
            // str += '<div class=post>'+data[i].children.phone+'</div>'
            // str += '<div class=name1>'+data[i].children[i].enable_status+'</div>'
            str += '</div>'  //结束上！
            str += '<div class=box-bottom></div>'
            str += '</div>';
            str += '</div>' // txt-left
            
        }
         ### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

for of是es6的语法，你确定同事用的不是IE

Answer 2

data是什么形式的

Answer 3

children不是一个数组吗？children.nick_name当然找不到了

let childs = data[i].children || []
// 循环找
let temp = childs.map(item => item.nick_name/*自己拼接*/).join('')