Javascript - 按函数获取数组元素参数未定义/空

Question

我的函数获取的数组元素变量参数为空/未定义？ 还是全部与拆分功能有关？ 感谢您的帮助！

错误：

SCRIPT5007：无法获取未定义或空引用的属性“拆分”

JavaScript 代码：

newData = "1,1,1,1,1/2,2,2,2,2|3,3,3,3,3/4,4,4,4,4";

var arrPage = newData.split('|');

arrRow = arrPage[0].split('/');
rowCount = arrPage[0].split('/').length;    

for(var i = 0; i <= rowCount; i++){

var rData = arrPage[0].split("/");
a = rData[i];
renderTable(a);
}

function renderTable(rData) {

var cData = rData.split(',');

var c1 = cData[0];
var c2 = cData[1];
var c3 = cData[2];
var c4 = cData[3];
var c5 = cData[4];
var c6 = cData[5];
var c7 = cData[6];
var c8 = cData[7];
var c9 = cData[8];
var c10 = cData[9];
var c11 = cData[10];
var c12 = cData[11];
var rowData = "";

rowData =   "<tr>";
rowData +=  "<td>"+ c1 +"</td>";
rowData +=  "<td>"+ c2 +"</td>";
rowData +=  "<td>"+ c3 +"</td>";
rowData +=  "<td>"+ c4 +"</td>";
rowData +=  "<td>"+ c5 +"</td>";
rowData +=  "<td>"+ c6 +"</td>";
rowData +=  "<td>"+ c7 +"</td>";
rowData +=  "<td>"+ c8 +"</td>";
rowData +=  "<td>"+ c9 +"</td>";
rowData +=  "<td>"+ c10 +"</td>";
rowData +=  "<td>"+ c11 +"</td>";
rowData +=  "<td>"+ c12 +"</td>";
rowData +=  "</tr>";


$("#acquisitionStatusList tbody").append(rowData);
}

Answer 1

因为错误消息清楚地表明 arrpage[0] 为空。您可以做的是在代码中使用之前检查数组。

if (typeof array[index] !== 'undefined' && array[index] !== null) {
var rData = arrPage[0].split("/");
}
else
{
alert("empty");
}

Answer 2

这一行：

for(var i = 0; i <= rowCount; i++){

需要：

for(var i = 0; i < rowCount; i++){

您将离开数组的末尾。

此外，renderTable() 内部的 cData 将只有 5 个元素，但您尝试访问 12 个元素。

---

您的代码还有很多其他问题：

1. 您要重新计算arrPage.split('/') 四次。执行一次并存储结果。
2. 使用var 将所有变量声明为局部变量或全局变量。
3. 正确缩进您的代码，使其更具可读性。
4. 定义所有这些变量c1、c2 等毫无意义...

Answer 3

我猜是这样的：

arrRow = "1,1,1,1,1/2,2,2,2,2";

arrRow = arrPage[0].split('/');
rowCount = arrPage[0].split('/').length;   

应该看起来更像这样：

arrPage = "1,1,1,1,1/2,2,2,2,2";

arrRow = arrPage.split('/');
rowCount = arrPage.split('/').length;

那么 arrRow 会在哪里：

["1,1,1,1,1", "2,2,2,2,2"]

rowCount 为 2。

但正如它所写的那样，它没有多大意义......关于你想要完成的事情。让我知道这是否能让你更接近......

编辑

var newData = "1,1,1,1,1/2,2,2,2,2|3,3,3,3,3/4,4,4,4,4";
var newPage = newData.split("|");
//work with "first" page... maybe 
newPage.forEach(function(newRow) { ... } );
//or
var newRow = newPage[0].split("/")
//then if you think about it, it is newRow that you are feeding to your renderTable function
newPage.forEach(function(newRow) { renderTable(newRow); } );