对象解构赋值的疑问 listData.forEach(function({date,title})
来源：2-1 模版字符串
weixin_慕码人9177259
2020-03-05 20:11:08
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
const getImoocCourseList=function(){
//ajax
return{
status:true,
msg:'获取成功',
data:[{
id:1,
title:'Vue 入门',
date:'xxx-01-09'
},{
id:2,
title:'ES6 入门',
date:'xxx-01-10'
},{
id:3,
title:'React 入门',
date:'xxx-01-11'
}]
}
};
const{data:listData,status,msg}=getImoocCourseList();
function foo(val){
return val.replace('xxx','xoxo');
}
if(status){let arr=[];//存放li的字符串
listData.forEach(function({date,title}){
// arr.push(
// '<li>'+
// '<span>'+title+'</span>'+
// '<span>'+date+'</span>'+
// '</li>'
// );
arr.push(
`<li>
<span>${title}</span>
<span>${foo(date)}</span>
<li>`
)
});
//[1,2,3].join('') "123"
let ul= document.createElement("ul");
ul.innerHTML=arr.join('');
document.body.appendChild(ul);
}else{
alert(msg);
}
// getImoocCourseList();
</script>
</html>
以上listData.forEach(function({date,title})里的{data,title}如何取到对应的值呢，并没有赋值呀，没写
{data,title}=
{
status:true,
msg:'获取成功',
data:[{
id:1,
title:'Vue 入门',
date:'xxx-01-09'
},{
id:2,
title:'ES6 入门',
date:'xxx-01-10'
},{
id:3,
title:'React 入门',
date:'xxx-01-11'
}]
}
1回答
-
好帮手慕粉
2020-03-06
同学你好，设置了的，在上一步调用函数以后，将这些内容赋值给了listData，我们可以打印出来看下：
所以可以直接对其进行遍历。
同学如果有别的疑问，建议同学新建一个问答进行提问，既方便同学后期的复习整理，老师又能更加快的看到同学的问题。
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0
相似问题