2017-04-03 86 views
2

我想在屏幕上顯示pushIssue陣列,對象issue僅在Javascript的幫助下被推入數組pushIssue。據我所知,它可以與pushIssue.push(issue)做的話,我想它顯示在屏幕上使用document.write()但無法顯示它Javascript推送方法來填充數組

var issue = { 
    id: 1, 
    description: "This space is for description", 
    severity: "This is severity", 
    assignedTo: "Name of the assigned person", 
    status: "Issue Status " 
    } 
var pushIssue = []; 
+0

嘗試'document.write(「

" + JSON.stringify(pushIssue, null, 4) + "
」)' – Rajesh

+0

感謝Rajesh你的時間。它的工作,但我不知道這個代碼'JSON.stringify(問題,0,4)'工作! –

回答

2

元素推到數組後,您可以使用JSON.stringify

JSON.stringify()方法將JavaScript值轉換爲JSON字符串,如果指定了替換程序函數,則可以選擇替換值,或者如果指定了替換程序數組,則可以選擇僅包含指定的屬性。

用於數組的JSON notation中的字符串化值。

var issue = { 
 
     id: 1, 
 
     description: "This space is for description", 
 
     severity: "This is severity", 
 
     assignedTo: "Name of the assigned person", 
 
     status: "Issue Status " 
 
    }, 
 
    issues = []; 
 

 
issues.push(issue); 
 

 
document.write('<pre>' + JSON.stringify(issues, 0, 4) + '</pre>');

爲了更好的解決辦法,因爲如果該頁面已經被渲染並同時document.write生成一個新的頁面,你可以使用一個<pre>標籤並插入字符串化的對象。

var issue = { 
 
     id: 1, 
 
     description: "This space is for description", 
 
     severity: "This is severity", 
 
     assignedTo: "Name of the assigned person", 
 
     status: "Issue Status " 
 
    }, 
 
    issues = []; 
 

 
issues.push(issue); 
 

 
document.getElementById('out').appendChild(document.createTextNode(JSON.stringify(issues, 0, 4)));
<pre id="out"></pre>

+0

這是我從你的答案中複製的第一件事:-D – Rajesh

+0

我知道。那是在這裏沒有控制檯的時候。 –

+0

如果可能的話,我可以通過一個例子來詳細解釋這段代碼:「JSON.stringify(issues,0,4)',以便我能更好地理解它嗎? –

-1

使用pushIssue.toString(),而不是隻pushIssue。

+0

結果將完全相同。 – Xufox