Setuju dengan perkara di atas, gunakan templat js seperti artTemplate dan seumpamanya.
Jika anda perlu menggunakan penyambungan rentetan, ia adalah gelung dalam gelung. Ia tidak lebih daripada menambah sedikit gula sintaks.
adalah seperti berikut.

( ()=>{ 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); } )();

Keputusan adalah seperti berikut

Jawapan mudah: gunakan fungsi.

Jawapan kompleks: Setiap lapisan Objek menggunakan fungsi untuk menukarnya menjadi rentetan, dan kemudian menyambungkannya di lapisan paling luar.

Pendekatan yang lebih bijak: jangan gunakan jQuery. Jika anda perlu serasi dengan IE9-, gunakan Knockout.js, avalon.js Jika lelaki dan wanita tua itu boleh berputus asa, gunakan VueJS, Angular 4.0+, React. Kemudian beri mereka petunjuk: penyemak imbas anda terlalu lama.

Dalam kes ini, disyorkan untuk menggunakan templat js Terlalu menyusahkan untuk menyambung tali sendiri