Javascript显示全局数组数据中的特定数组数据 [英] Javascript show specific array data from global array data

问题描述

我需要显示全局数组中的特定数组数据.

  var objSport = ['Football'，'Rugby'，'Tennis'，'Badminton'，'Hiking'，'Fishing']；//全球阵列运动var objTime = ['10:00'，'12:00'，'14:00'，'16:00'，'19:00'，'18:00'];//全球阵列运动时间var wantToShow = ['足球'，'橄榄球'，'网球'，'羽毛球'，'钓鱼'];//不远足19:00 

因此，在上面的代码中，我需要在时间 19:00 时取出/隐藏远足.

这是循环JS:

  for(objSport中的var i){var newOption = $(''th class ='th'> 
'+ wantToShow [i] +'
 
 

和表格HTML:

 < table class ="tblSport"</table> 

我试图运行代码，远足现在隐藏了，但是时间还没有隐藏.

  var wantToShow = ['Football'，'Rugby'，'Tennis'，'Badminton'，'Fishing'];//不远足var objSport = [足球"，橄榄球"，网球"，羽毛球"，远足"，钓鱼"]；var objTime = ['10:00'，'12:00'，'14:00'，'16:00'，'19:00'，'18:00'];for(在objSport中的var i){var newOption = $('< th class ="th">< div class ="name">'+ wantToShow [i] +'</div>< div class ="time">'+ objTime [i] +'</div></th>');$('.tblSport').append(newOption);}  

 < script src ="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js></script>< table class ="tblSport"></table>  

解决方案

这里是代码，另外还有一个if语句检查.

  var wantToShow = ['Football'，'Rugby'，'Tennis'，'Badminton'，'Fishing'];//不远足var objSport = [足球"，橄榄球"，网球"，羽毛球"，远足"，钓鱼"]；var objTime = ['10:00'，'12:00'，'14:00'，'16:00'，'19:00'，'18:00'];for(在objSport中的var i){if(wantToShow.indexOf(objSport [i])> -1){var newOption = $('< th class ="th">< div class ="name">'+ objSport [i] +'</div>< div class ="time">'+ objTime [i] +'</div></th>');$('.tblSport').append(newOption);}}  

 < script src ="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js></script>< table class ="tblSport"></table>  

I need to show specific array data from my global array.

var objSport = ['Football', 'Rugby', 'Tennis', 'Badminton', 'Hiking', 'Fishing']; //Global Array Sport
var objTime = ['10:00', '12:00', '14:00', '16:00', '19:00', '18:00']; //Global Array Sport Time

var wantToShow = ['Football', 'Rugby', 'Tennis', 'Badminton', 'Fishing']; //Without Hiking 19:00

So on that code above, I need to take out/hide Hiking with time 19:00.

Here is the loop JS:

for(var i in objSport)
{
    var newOption = $('<th class="th"><div class="name">'+wantToShow[i]+'</div><div class="time">'+objTime[i]+'</div></th>');
    $('.tblSport').append(newOption);
}

and table HTML:

<table class="tblSport"></table>

I tried to run the code, Hiking is hide now but the time is not hide.

var wantToShow = ['Football', 'Rugby', 'Tennis', 'Badminton', 'Fishing']; //without hiking
var objSport = ['Football', 'Rugby', 'Tennis', 'Badminton', 'Hiking', 'Fishing'];
var objTime = ['10:00', '12:00', '14:00', '16:00', '19:00', '18:00'];

for(var i in objSport)
{
    var newOption = $('<th class="th"><div class="name">'+wantToShow[i]+'</div><div class="time">'+objTime[i]+'</div></th>');
    $('.tblSport').append(newOption);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<table class="tblSport"></table>

解决方案

Here is the code, one more if statement check.

var wantToShow = ['Football', 'Rugby', 'Tennis', 'Badminton', 'Fishing']; //without hiking
var objSport = ['Football', 'Rugby', 'Tennis', 'Badminton', 'Hiking', 'Fishing'];
var objTime = ['10:00', '12:00', '14:00', '16:00', '19:00', '18:00'];

for(var i in objSport)
{
    if(wantToShow.indexOf(objSport[i]) > -1) {
      var newOption = $('<th class="th"><div class="name">'+objSport[i]+'</div><div class="time">'+objTime[i]+'</div></th>');
    $('.tblSport').append(newOption);
    }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<table class="tblSport"></table>

这篇关于Javascript显示全局数组数据中的特定数组数据的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！