84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
这种结构的json数据我怎么循环遍历取到最深的哪一个，而且我用的是字符串拼接的方法，下面渲染的话只能用一个for循环，有什么办法可以用一个大的for循环遍历出数据吗？？？求帮助
同意楼上的，使用js模板 比如artTemplate之类的。如果你非要用字符串拼接 那就是循环套循环。无非加一点语法糖而已。如下。
( ()=>{ const data=[ { id:10, name:"jack", lists:[ { item:"水泥", num:323 }, { item:"钢筋", num:111 } ] }, { id:15, name:"tom", lists:[ { item:"西瓜", num:44 }, { item:"桔子", num:66 } ] } ]; const getHtml=({name,id,lists})=>` 我叫${name},我的工号是${id} 我有一批货物,它们分别是: ${lists} `; const getList=({item,num})=>`货物名:${item},货物编号:${num}。\n`; let result=""; data.forEach(person=>{ const {name,id}=person; let lists="", _lists=person.lists; _lists.forEach(list=>{ const {item,num}=list; lists+=getList({item,num}); }); result+=getHtml({name,id,lists}); }); console.log(result); } )();
我叫${name},我的工号是${id}
我有一批货物,它们分别是:
货物名:${item},货物编号:${num}。
结果如下
简单回答：用函数。
复杂回答：每一层 Object 使用一个函数转换成一个字符串，然后在最外层进行拼接。
更智慧的做法：别用 jQuery 啦。如果需要兼容 IE9-，用 Knockout.js, avalon.js，如果那些老头老太太可以被放弃，就用 VueJS, Angular 4.0+, React。然后给他们一个提示：你的浏览器太老了。
这样的话建议用 js 模板，自己拼接字符串太麻烦
同意楼上的，使用js模板 比如artTemplate之类的。
如果你非要用字符串拼接 那就是循环套循环。无非加一点语法糖而已。
如下。
结果如下
简单回答：用函数。
复杂回答：每一层 Object 使用一个函数转换成一个字符串，然后在最外层进行拼接。
更智慧的做法：别用 jQuery 啦。如果需要兼容 IE9-，用 Knockout.js, avalon.js，如果那些老头老太太可以被放弃，就用 VueJS, Angular 4.0+, React。然后给他们一个提示：你的浏览器太老了。
这样的话建议用 js 模板，自己拼接字符串太麻烦