想请大家帮忙看看这个双重循环添加内容要怎么写?
for(let i in data_projects) { for(let j in data_projects[i].project_img){
data_projects_str += [
'<div class="picking_info picking_info_name">',
'<p>项目名称</p>',
'<p class="picking_user_name">'+data_projects[i].project_name+'</p>',
'</div>',
'<div class="picking_info picking_info_name" style="flex-direction: column;">',
'<p>图片信息</p>',
'<div class="img_list img_list_2">',
'<ul style="padding-bottom: 0px;">',
//图片这里又是一个循环,data_projects[i].project_img
'<li><img src=""></li>',
'</ul>',
'</div>',
'</div>'
].join ('');
}
}
$('.service_items').empty()
$('.service_items').append(data_projects_str)
data_projects这是一个循环数组,里面还有个字段project_img 里面是每个数组的图片数组,我有点不知道怎么写了,这种双重循环 添加数据的
回答:
两层遍历就整不会了?
var data_projects_str = data_projects.map(v => ` <div class="picking_info picking_info_name">
<p>项目名称</p>
<p class="picking_user_name">${v.project_name}</p>
</div>
<div class="picking_info picking_info_name" style="flex-direction: column;">
<p>图片信息</p>
<div class="img_list img_list_2">
<ul style="padding-bottom: 0px;">
${v.project_img.map(url => `<li><img src="${url}"></li>`).join('')}
</ul>
</div>
</div>
`).join('')
回答:
$(".service_items").empty();$(".service_items").append(
data_projects.reduce(
(html, item) =>
(html += `
<div class="picking_info picking_info_name">
<p>项目名称</p>
<p class="picking_user_name">${item.project_name}</p>
</div>
<div class="picking_info picking_info_name" style="flex-direction: column;">
<p>图片信息</p>
<div class="img_list img_list_2">
<ul style="padding-bottom: 0px;">
${item.project_img.reduce((html2, url) => (html2 += `<li><img src="${url}"></li>`), "")}
</ul>
</div>
</div>
`),
""
)
);
回答:
data_projects.forEach(item => { item.project_img.forEach(img => {
console.log(img);
});
});
本文参与了SegmentFault 思否面试闯关挑战赛,欢迎正在阅读的你也加入。
回答:
按题主的逻辑,应该是想这样
// 在循环开始之前,清空要填的区域(容器)$(".service_items").empty();
for (let i in data_projects) {
// 每个 project 的 data_projects_str 都应该是从没人内容开始,所以这里要初始化
let data_projects_str = "";
// 循环拼接 data_projects_str
for (let j in data_projects[i].project_img) {
data_projects_str += "...";
}
// 每个 project 拼接完成之后,加到容器里
$(".service_items").append(data_projects_str);
}
以上是 想请大家帮忙看看这个双重循环添加内容要怎么写? 的全部内容, 来源链接: utcz.com/p/933833.html