Как увеличить индекс массива в JS - PullRequest
Новая
       4

Как увеличить индекс массива в JS

0 голосов
/ 18 марта 2020

Я создал функцию JavaScript, в которой я определил массив и добавил значения массива в таблицу HTML, но я не знаю, как динамически увеличивать индекс массива. 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table table-striped">
 <thead>
    <tr>
      <th id="time">Time Stamp</th>
      <th id="tmpr">Temperature</th>
      <th id="crrt">Current</th>
    </tr>
  </thead>
  <tbody id="abc">
  </tbody>
</table>

<script>
$(document).ready(function storetime() {
	var tim = [
		["11:34:4", 30, 31],
		["11:34:5", 34, 35],
		["11:34:6", 37, 39]
	];
	
	$.each(tim, function(i, val) {
		$("#abc").append(
			`<tr><td> (` + val[0] + `)</td> <td> (` + val[1] + `)</td></tr>`
		);
	});
});
</script>

1 Ответ

0 голосов
/ 18 марта 2020

Одним из возможных решений является создание строки элементов тела таблицы и использование функции html для визуализации строки на экране. 

<script>
    $(document).ready(function storetime() {
        let html = '';
        var tim = [['11:34:4', 30, 31], ['11:34:5', 34, 35], ['11:34:6', 37, 39]];
        $.each(tim, function (i, val) {
            html += `<tr><td> (${val[0]})</td> <td> (${val[1]})</td></tr>`;
        });
        $('#abc').html(html);
    });
</script>

Существует множество решений, поиск по функции createElement и функции appendChild.

...