如何将空数组添加到对象数组？

Question

基本上我有一个从中提取数据的数组。我想向其中添加一个新数组，以便提取更多数据。

var myArray.libraries = []

通过这样的 for 循环获取添加的项目：

for(var x=0; x < items.length; x++){
    myArray.libraries ({ name: items(x).name, state: items(x).state});
}

效果很好，我可以从myArray.libraries .name 得到我需要的东西。我需要添加诸如“书籍”之类的内容，以便每个条目都可以拥有它的书籍列表。可能有 1 本书或更多本书。

要清楚我正在使用角度，所以我使用类似这样的东西来为每个库输出：

<div ng-repeat="library in libraries">
    <p>{{library.name}}</p>
</div>

我只需要添加books，这样我就可以循环浏览该图书馆中的每一本书：

<div ng-repeat="book in libraries.books">
    <p>{{book.name}}</p>
</div>

我尝试使用myArray.libraries.books = []，但这并没有将收集添加到每个库中。我也尝试了myArray.libraries.push({ books: { } })，但这没有任何影响，并给了我一个错误，我无法推送到myArray.libraries.books，因为书籍不存在。

编辑

这里有一些示例代码。我用的是angular，但原理应该是一样的：

$scope.libraries= [];

//start loop to get the installations
for (var x = 0; x < res.rows.length; x++) {
    $scope.libraries.push({ ... , books: []});

    //run a new query to get the additional libraries info
    var booksQuery = query to get books;
    //run query to get results and loop through them
        for (var i = 0;i < res2.rows.length; i++) {
            $scope.libraries[x].books.push({ name: res2.rows.item(i).prodName });
        }
    });
}

编辑

我进行了一些测试，结果发现当我进行第二次数据库调用时，它不知道原来的 $scope 存在。

Answer 1

尝试如下：

for(var x=0; x < items.length; x++){
    myArray.libraries ({ name: items(x).name, state: items(x).state, books: []});
}

这应该可以解决问题。

Answer 2

基本上问题是您试图将数组推送到数组。您可以将另一个数组推送到您的 libraries，但要访问书籍，您必须使用索引来访问特定项目，例如 myArray.libraries[0].books[0]

所以我假设您必须将 myArray.libraries.push({ books: { } }) 更改为 myArray.libraries.push({ books: [] })

Answer 3

我为你创建了一个 plunker。请参考

“http://plnkr.co/edit/0FKg2fbe4CY11Oz6aSBF?p=preview”

$scope.libraries = {
    books : [
  {"name" : "book1"},
  {"name" : "book2"},
  {"name" : "book3"}
      ]


  };

Answer 4

这将对您有所帮助。

数据库调用是异步的，因此第二个数据库调用不应处于循环中。请检查这是否有效

$scope.libraries = [];  

  init();

  function init() {
    // do the first db transaction
  }

  // transaction1 callback
  function trans1Callback(result) {    
    addBooks(result);
  }

  var i = 0;

  function addBooks(result) {
      // to stop iteration at the end of records
      if (i >= result.rows.length) {
        return;
      }
      var item = result.rows.item(i);
      var data = {name: item.name, state: item.state, books: []};
      // do the second db transaction

      // transaction2 callback
      function trans2Callback(result2) {

          for (var j =0; j < result2.rows.length; j++) {
              var book = result.rows.item(j);
              data.books.push({ name: book.prodName });
          }
          // push to scope libraries
          $scope.libraries.push(data);
          // do increment
          i++;
          // Call addBooks again to process next record
          addBooks(result);
      }

  }