Javascript push method to populate array

Question

I want to display the pushIssue array on screen with object issue pushed into array pushIssue with help of Javascript only. According to my knowledge it can be done with pushIssue.push(issue), then I tried to display it on screen using document.write() but unable to display it

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 = [];

Try document.write("<pre>" + JSON.stringify(pushIssue, null, 4) + "</pre>") — Rajesh Dixit
– Rajesh Dixit, Commented Apr 3, 2017 at 11:15
Thanks Rajesh for your time. It worked but I do not know how this code JSON.stringify(issues, 0, 4) works ! — Aseem Sharma
– Aseem Sharma, Commented Apr 3, 2017 at 11:36

Nina Scholz · Accepted Answer · 2017-04-03 11:38:46Z

2

After pushing the element to the array, you could use JSON.stringify

The JSON.stringify() method converts a JavaScript value to a JSON string, optionally replacing values if a replacer function is specified, or optionally including only the specified properties if a replacer array is specified.

for a stringified value in JSON notation of the array.

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

For a better solution, because if the page is already rendered and while document.write generates a new page, you could use an <pre> tag and insert the stringified object.

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>

edited Apr 3, 2017 at 11:38

answered Apr 3, 2017 at 11:16

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Rajesh Dixit Over a year ago

This was the first thing I copied from your answers :-D

Nina Scholz Over a year ago

i know. that was the time without a console here.

Aseem Sharma Over a year ago

Can I get a detailed explaination for this code JSON.stringify(issues, 0, 4) if possible with an example so that I can better understand it ?

Nina Scholz Over a year ago

please have a look to the linked documentation of stringify. basically it generates a string which looks like an object literal in javascript.

schaturv · Accepted Answer · 2017-04-03 11:23:12Z

-1

Use pushIssue.toString() instead of only pushIssue.

answered Apr 3, 2017 at 11:23

schaturv

1221 silver badge10 bronze badges

1 Comment

Sebastian Simon Over a year ago

The result will be exactly the same.

Collectives™ on Stack Overflow

Javascript push method to populate array

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related