为什么我的javascript代码返回TypeError undefined？

class CustomTable 
{ 
constructor(div_id, headings) { 
this.div = div_id; 
this.header_titles = headings; 
this.item_list = new Array(); 
var _this = this; 

this.add_item = function(items) 
{ 
    _this.item_list.push(items); 
    console.log(_this.item_list); 
} 

this.remove_item = function(item_index) 
{ 
    _this.item_list.splice(item_index, 1); 
    console.log(_this.item_list); 
} 

this.drawTable = function() 
{ 
    var t = "<table class='table' style='width:100%'>"; 
    t += "<thead>"; 
    t += " <tr>"; 
    t += " <th>#</th>"; 

    for (var i = 0; i < _this.header_titles.length; i++) 
    { t += "<th>" + _this.header_titles[i] + "</th>"; } 
    t += " <th>Add</th>"; 
    t += " </tr>"; 
    t += "</thead>"; 
    t += "<tbody>"; 

    for (var i = 0; i < _this.item_list.length; i++) 
    { 
    t += "<tr>"; 
    t += "<td>" + i + "</td>"; 
    console.log(i);    

    var subitem_count = _this.item_list[i].length; 
    //     ^^^^^^^^^^^^^^^^^^ 
    //     This errors out: TypeError undefined 
    for (var j = 0; j < subitem_count; i++) 
    { 
     t += "<td>" + _this.item_list[i][j] + "</td>" 
    } 
    t += "</tr>" 
    } 
    t += "</tbody>"; 
    t += "</table>"; 

    document.getElementById(_this.div).innerHTML = t; 
    } 
} 
} 

var ct = new CustomTable("server_list",["Server Name","IP Address", "RAM in GB"]); 
ct.add_item(["QMM-TRGEXCH01","192.168.0.225","2GB"]); 
ct.add_item(["QMM-SRCEXCH01","192.168.0.226","2GB"]); 
ct.add_item(["QMM-TRGAGENT01","192.168.0.227","2GB"]); 
ct.add_item(["QMM-SRCAGENT01","192.168.0.228","2GB"]); 
ct.add_item(["QMM-MIGCONSOLE","192.168.0.229","2GB"]); 

ct.drawTable();

Please view this JSFiddle 为什么我的javascript代码返回TypeError undefined？

我已经找遍和想不通为什么要使用JavaScript保持示数出来。该变量是在范围和我已经使用

_this.item_list [I] .constructor ===阵列

检查它，它是一个数组。

第一次迭代时出现此错误。

console.log（i）; // i = 0时出错

所以它不是代码迭代超出界限。这可能是代码的问题，但也有其他问题。请看小提琴，我已经更新了它，并从所有for循环中删除=，但我仍然得到相同的错误。

来源

2017-01-04 ultimal

这是因为您正试图在不可用索引的元素上调用方法。

for (var i = 0; i <= _this.item_list.length

应该是

for (var i = 0; i < _this.item_list.length

数组越界问题的 - 尝试在指数6这是undefined

按照您的逻辑来访问元素，如果他们是_this.item_list中的5个元素，您正在迭代索引0, 1, 2, 3, 4, 5处的元素，但您应该只迭代到4作为索引星在0 TS，而不是1

你将不得不更换的<=所有实例的for-loop到<

而且你的内循环有一个bug。

for (var j = 0; j < subitem_count; i++)

应该是

for (var j = 0; j < subitem_count; j++)

你应该在内部循环被递增j，而不是i。

Check Fiddle

来源

2017-01-04 23:21:39

这可能是一个问题很好，但即使去掉后=我仍然得到这个错误。另外，当我得到这个错误时，它仍然是for循环中的第一次迭代。我仍然是0. – ultimal

@ultimal检查更新后的帖子。 –

谢谢！谢谢！谢谢！就是这样！ – ultimal

为什么我的javascript代码返回TypeError undefined？

回答

相关问题