Javascript 这个for循环有什么问题
我对Json和Javascript非常陌生。 我试图使用for循环动态显示匹配名称的数据,但我被困在这里请帮助。for循环未正确显示数据。它将直接指向最后一个索引(即hitman Agen 47)Javascript 这个for循环有什么问题,javascript,for-loop,Javascript,For Loop,我对Json和Javascript非常陌生。 我试图使用for循环动态显示匹配名称的数据,但我被困在这里请帮助。for循环未正确显示数据。它将直接指向最后一个索引(即hitman Agen 47) var数组=[{名称:“Tommorrowland”,评级:“6.7”,海报:[{模式:“肖像”,url::http://posterposse.com/wp-content/uploads/2015/05/tomorrowland54fa25d19980e.jpg},{模式:“纵向”,url:ht
var数组=[{名称:“Tommorrowland”,评级:“6.7”,海报:[{模式:“肖像”,url::http://posterposse.com/wp-content/uploads/2015/05/tomorrowland54fa25d19980e.jpg},{模式:“纵向”,url:http://i2.wp.com/geeknewsnetwork.net/wp-content/uploads/2015/05/Tomorrowland_poster.png“}],封面图片:"https://nelsonriveramovies.files.wordpress.com/2015/09/tomorrowland_poster.jpg,预告片:[{日期:“2014年5月3日”,网址:https://www.youtube.com/watch?v=1k59gXTWf-A“},{日期:2014年6月10日,网址:https://www.youtube.com/watch?v=jYBwC-pNA3o“}],发布日期:“2015年9月7日”},{名称:“像素”,评级:“7.7”,海报:[{模式:“肖像”,网址:http://t3.gstatic.com/images?q=tbn:ANd9GcRURiZVhRuxkPIU3h5yyUaAt7dX7Bro_aup-aPRjW7j10J5jWuS“},{模式:“肖像”,url:http://cdn.traileraddict.com/content/columbia-pictures/pixels-poster-2.jpg}],封面图片:http://www.najfilmy.sk/wp-content/uploads/2015/10/Pixels-2015-Front-Cover-104243.jpg,预告片:[{日期:2014年5月17日],网址:https://www.youtube.com/watch?v=XAHprLW48no“},{日期:“2014年5月19日”,网址:https://www.youtube.com/watch?v=2XWzrOzq22E“}],发布日期:“2015年7月24日”},{姓名:“杀手:特工47”,评级:“5.7”,海报:[{模式:“肖像”,网址:http://cdn3-www.comingsoon.net/assets/uploads/1970/01/file_603510_hitman-agent-47-poster.jpg},{模式:“横向”,url:http://www.thecreativepartnership.co.uk/content/uploads/2015/05/QUAD_AGENT-42_DATED_f.jpg}],封面图片:http://www.covershut.com/covers/Hitman-Agent-47-2015--Front-Cover-105703.jpg,预告片:[{日期:2014年5月10日],网址:https://www.youtube.com/watch?v=1k59gXTWf-A“},{日期:2014年6月1日,网址:https://www.youtube.com/watch?v=k7X8fCUMMVM"}]发布日期:2015年8月22日;
var sub_但是;
sub_but=document.getElementById(“sub_but”);
mov_name=document.getElementById(“movie_name”);
sub_but.onclick=函数(e){
var container=document.createElement(“div”);
var input_txt=document.getElementById(“输入”);
var box1=document.createElement(“div”);
var box2=document.createElement(“div”);
var box3=document.createElement(“div”);
框1.setAttribute(“id”、“框1”);
//这个循环中谁错了
对于(i=0;i
每次都会覆盖innerHTML
,并丢失以前计算的结果
for(i=0; i<array.length; i++){
if(input_txt.innerHTML.toUpperCase == array[i].name.toUpperCase ){
box1.innerHTML = array[i].name + "<br>"
}
}
顺便问一下,比较innerHTML
或新创建的对象有什么意义?input\u txt.innerHTML
始终是一个空字符串。您每次都会覆盖innerHTML
,并丢失以前的计算结果
for(i=0; i<array.length; i++){
if(input_txt.innerHTML.toUpperCase == array[i].name.toUpperCase ){
box1.innerHTML = array[i].name + "<br>"
}
}
try to use .value for input element.
顺便问一下,比较innerHTML
或新创建的对象有什么意义?input\u txt.innerHTML
始终是一个空字符串
try to use .value for input element.
例如,请参阅我的代码片段
var数组=[
{
名称:“明日之王”,
评级:“6.7”,
海报:[
{
模式:“肖像”,
url:“http://posterposse.com/wp-content/uploads/2015/05/tomorrowland54fa25d19980e.jpg"
} , {
模式:“肖像”,
url:“http://i2.wp.com/geeknewsnetwork.net/wp-content/uploads/2015/05/Tomorrowland_poster.png"
} ] ,
封面图片:“https://nelsonriveramovies.files.wordpress.com/2015/09/tomorrowland_poster.jpg" ,
预告片:[{
日期:“2014年5月3日”,网址:https://www.youtube.com/watch?v=1k59gXTWf-A“
} , {
日期:“2014年6月10日”,网址:https://www.youtube.com/watch?v=jYBwC-pNA3o“
}] ,
发布日期:“2015年9月7日”
}
, {
名称:“像素”,
评级:“7.7”,
海报:[{
模式:“肖像”,
url:“http://t3.gstatic.com/images?q=tbn:ANd9GcRURiZVhRuxkPIU3h5yyUaAt7dX7Bro_aup-aPRjW7j10J5jWuS“
},{
模式:“肖像”,
url:“http://cdn.traileraddict.com/content/columbia-pictures/pixels-poster-2.jpg"
}] ,
封面图片:“http://www.najfilmy.sk/wp-content/uploads/2015/10/Pixels-2015-Front-Cover-104243.jpg" ,
预告片:[{
日期:“2014年5月17日”,
url:“https://www.youtube.com/watch?v=XAHprLW48no"
}, {
日期:“2014年5月19日”,
url:“https://www.youtube.com/watch?v=2XWzrOzq22E"
}] ,
发布日期:“2015年7月24日”
}
, {
姓名:“杀手:47号特工”,
评级:“5.7”,
海报:[{
模式:“肖像”,
url:“http://cdn3-www.comingsoon.net/assets/uploads/1970/01/file_603510_hitman-agent-47-poster.jpg"
},{
模式:“景观”,
url:“http://www.thecreativepartnership.co.uk/content/uploads/2015/05/QUAD_AGENT-42_DATED_f.jpg"
}] ,
封面图片:“http://www.covershut.com/covers/Hitman-Agent-47-2015--Front-Cover-105703.jpg" ,
预告片:[{
日期:“2014年5月10日”,网址:https://www.youtube.com/watch?v=1k59gXTWf-A“
}, {
日期:“2014年6月1日”,
url:“https://www.youtube.com/watch?v=k7X8fCUMMVM"
}] ,
发布日期:“2015年8月22日”
box1.innerHTML = '';
for(var i=0; i<array.length; i++){
if(input_txt.innerHTML.toUpperCase === array[i].name.toUpperCase ){
box1.innerHTML += array[i].name + "<br>"
}
}