Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 这个for循环有什么问题_Javascript_For Loop - Fatal编程技术网

Javascript 这个for循环有什么问题

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

我对Json和Javascript非常陌生。 我试图使用for循环动态显示匹配名称的数据,但我被困在这里请帮助。for循环未正确显示数据。它将直接指向最后一个索引(即hitman Agen 47)


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>"
     }
  }