Javascript - 通過函數獲取數組元素參數未定義/ null

Question

我的函數獲取的數組元素變量參數爲null/undefined？ 或者全部是關於分割功能？ 感謝您的幫助！

錯誤：

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

作爲錯誤信息claerly說arrpage[0]是空的。你可以做的是在你的代碼中使用它之前檢查數組。

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

Answer 2

我猜這：

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); }); 

Answer 3

這條線：

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等毫無意義的...