如何在淘汰赛中将元素推送到javascript对象

Question

我正在尝试学习淘汰赛。我试图学习foreach在淘汰赛中的约束力。

首先，我声明了一个javascript对象

 var people = function()
 {
   var self = this;   
   this.firstname = ko.observable("")
   this.lastname = ko.observable("")
 }

我试图将元素推入javacript对象

var x = new people（）;

x.push({firstName: "bob" ,lastName:'gill'}); 

我添加了viewmodel

function TestViewModel()
{
var self = this;    
this.person = ko.observableArray({people});    

}

创建了一个viewmodel实例并推送了元素

 var viewmodel = new TestViewModel(); 

viewmodel.person.push(x);

最终绑定元素

ko.applyBindings(viewmodel);

这是我尝试实现的JSFIDDLE

http://jsfiddle.net/GSvnh/5592/

我想要以下输出

firstname   lastname
bob          marley
tom           brady
George      clooney

Answer 1

您需要在JSFiddle中解决几个问题：

1. 您的thead HTML缺少结尾>
2. 正如用户nnnnnn所提到的，您正在尝试推送到People的实例，而不是绑定到foreach的数组
3. 您的值绑定与您的人员属性名称不匹配（ firstname vs firstName ）

这是一个更新的JSFiddle，它实现了一个基本的foreach示例： http : //jsfiddle.net/GSvnh/5593/

Answer 2

要回答这个问题，请遵循一个示例，该示例将大量信息存储到数据基中，并将其推入前端的数据表中。

function tableData(){
 <cfoutput>
    var newDados = #serializeJSON(mySQLData)#;
    var dataABC = newDados.ABC;
    var dataXYZ = newDados.XYZ;
  </cfoutput>
  //cfoutput is a Cold Fusion parameter to receive data from SQL.

在这种情况下，我将newDados序列化为一个对象。 ABC和XYZ是newDados的对象。

在这种情况下，我想将两个对象的子对象混合并推入一个对象中，以一起使用这些参数。 所以我使用了forEach函数：

  allData = new Array();

  dadosABC.forEach(function(obj){
    allData.push(obj);
  });
  XYZ.forEach(function(obj){
    allData.push(obj);
  });
  //Here allData have already receiving data of both newDados object child

  allDataSize = allData.length;
  for (var i = 0; i < sizePreenc; i++) {
    allData[i] = new Array();
    tableData[i].push(allData[i]);
    tableData[i].push(allData[i].firstName);
    tableData[i].push(allData[i].lastName);
    tableData[i].push(allData[i].age);
    tableData[i].push(allData[i].gender);
  };
  drawGrid('');
 }; 

这样，我将数据推送到表或任何我想要的数据。