首页 > 解决方案 > 如何在JS中读取数组中的存储值

问题描述

我想一一读取数组中存储的值并将其附加到html表中我可以从数组中读取数据它一次获取所有值我想一一读取值但是有一些问题。请帮助我。

<script>
    var time="";
    var temp="";
    var current="";
    $(document).ready(function storetime(){

    time=['11:34:4','11:43:4','11:55:4','11:22:4','11:11:4'];
    temp=[33,44,55,66,77];
    current=[22,33,444,55,666];

var tim =[[time,temp,current]];
$.each(tim,function(i,val){
               $('#abc').append(`<tr><td>`+(this)[0]+`</td><td>`+(this)[1]+`</td><td>`+(this)[2]+`</td></tr>`); 
        });


});
</script>


````````output``````````````
Time Stamp  Temperature Current
11:34:4,11:43:4,11:55:4,11:22:4,11:11:4 33,44,55,66,77  22,33,444,55,666 

`````````````````I want output like this``````````

Time Stamp  Temperature Current
11:34:4 22  44
11:34:5 44  44
11:34:6 33  22
11:34:7 11  0
11:34:8 

标签: javascripthtmlarrayshtml-table

解决方案


你应该这样做,

var time="";
var temp="";
var current="";
$(document).ready(function storetime(){

time=['11:34:4','11:43:4','11:55:4','11:22:4','11:11:4'];
temp=[33,44,55,66,77];
current=[22,33,444,55,666];

var tim =[time,temp,current];
$.each(time,function(i,val){
    $('#abc').append(`<tr><td>`+tim[0][i]+`</td><td>`+tim[1][i]+`</td><td>`+tim[2][i]+`</td></tr>`); 
});

正如我们所知,我们在这里拥有的所有数组(时间、温度、电流)都具有相同的长度。因此,我们需要使用其中一个数组进行迭代。除了没有必要使 tim 成为嵌套数组。


推荐阅读