Как перебрать данные в таблице из многомерного массива - PullRequest
Новая
       5

Как перебрать данные в таблице из многомерного массива

1 голос
/ 27 февраля 2020

У меня сейчас проблемы с итерацией данных в таблицу из многомерного массива.

Вот моя строка.

str = 'stack%splitoverflow,php%splitcodeigniter'

Мои логики c здесь во-первых, я собираюсь разбить строку из , разделитель.

Вот результат.

result_array = ['stack%splitoverflow', 'php%splitcodeigniter']

Далее я разделю каждое значение массива из %split разделитель

Теперь мой вопрос: как я собираюсь поместить это значение в таблицу следующим образом: 

| col1             | col2        |
------------------------------
| stack            | overflow    |
| php              | codeigniter |
---------------------------------

Ответы [ 2 ]

0 голосов
/ 27 февраля 2020

Я создал пример для вашего вопроса. Я разделил значения вашего объекта и создал другой объект и, наконец, связал значение obj с таблицей. Надеюсь, это поможет. 

$(document).ready(function(){
var result_array = ['stack%splitoverflow', 'php%splitcodeigniter'];
$.makeArray(result_array);

$.each( result_array,function(index,obj){
 var data=obj.replace("%split",",");
 
 var newobj=data.split(",");
    $(".table").append("<tr><td>"+newobj[0]+"</td><td>"+newobj[1]+"</td></tr>")
  });
});
<!DOCTYPE html>
<html>
<head>  
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

</head>
<body>
<div id="tblContainer">
<table class='table table-bordered'>
</table>
</div>

</body>
</html>
0 голосов
/ 27 февраля 2020

Если вы спрашиваете, как зарегистрировать это как таблицу, вы можете использовать console.table(): 

let str = 'stack%splitoverflow,php%splitcodeigniter';
let separated = str.split(',').map(s=>s.split('%'));

console.table(separated);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...