在javascript中输出数组数组

Question

我有一个数组数组，每个数组都有一系列列表项，我正在使用console.log(jobsList);进行记录输出：

变量jobsList是通过推送在for循环中创建的一堆数组来创建的，如下所示：

for (var i=0; i < teamList.length; i++ ) {
  jobDirectory.push(newJob);
} 
jobsList.push(jobDirectory);

然后我们按照这样的长度对数组进行排序：

jobsList.sort(function(a,b){
  return a.length < b.length;
});

我需要在无序列表中输出每个数组。所需的输出如下：

<h3></h3><ul>//insert list items here</ul>

每个顶级数组都会重复此操作。

$('.row').append(jobsList);会抛出错误。如何在无序列表中返回所有数组？如上所述？

Answer 1

您可以使用：

for (var i in jobsList)
    $('.row').append($('<ul />').append(jobsList[i]));

您的代码不起作用的原因是因为jobsList不是元素数组而是元素数组的数组。这样，您可以逐个添加这些元素数组。

Answer 2

以这种方式组合使用forEach和join。

jobsList.forEach(function(e){

   $(".container").append("<ul>"+e.join("")+"</ul>");

});

container是ul的父div的类。如果他们不是ul的父母，那么请改用body。

Answer 3

请使用以下代码：

$.each(jobsList, function () {
    var $ul = $('<ul/>');
    var $row = $('.row');

    $.each(this, function () {
        $ul.append($(this));
    });

    $row.append('<h3>some title</h3>')
    $row.append($ul);
});