can we print array outside the loop i javascript

Question

    </div>
    <script>
        let list = [];
        let ob={};
        for(i=0; i<100; i++){
            list[i] = {
                name: i,
                text: "text"
            }  
            //document.getElementById('results').innerHTML += list[i].name + list[i].text + '<br/>'
        }
        console.log(list)
        var lising = document.getElementById('results');
        
        lising.innerHTML = list
        </script>
</body>

in above code i can print the array inside the loop but when i try to print it outside, it prints [object object]

Does this answer your question? [Converting an object to a string](https://stackoverflow.com/questions/5612787/converting-an-object-to-a-string) — FZs, Sep 23 '20 at 14:19
nopes. converting an array into the string prints the data in json format. i want plain text next to each other — cshendye, Sep 23 '20 at 14:27

Derek Wang · Accepted Answer · 2020-09-23T14:28:35.957

0

It is needed to put string value to innerHTML and now, you put Array object value in innerHTML attribute. Converting the list array to string and assign will work.

let list = [];
let ob = {};
for (i = 0; i < 100; i ++) {
  list[i] = {
    name: i,
    text: 'text'
  };
}
console.log(list);
document.getElementById("demo").innerHTML = list.map(({name, text}) => `${name} ${text}`).join("<br/>");

edited Sep 23 '20 at 14:28

answered Sep 23 '20 at 14:20

Derek Wang

10,098
4
18
39

hey thanks. but converting an array into the string prints the data in json format. i want plain text next to each other – cshendye Sep 23 '20 at 14:25
@cshendye Now, the answer is updated. Pls check, it's fully customizable. – Derek Wang Sep 23 '20 at 14:30
Perfect. thanks. btw cant we print the array as it is? without again looping through or converting to strings? just for my knowledge – cshendye Sep 23 '20 at 14:32
You can make a javascript function which performs that action and call that function to convert the `list`. – Derek Wang Sep 23 '20 at 14:33
didn't get you. – cshendye Sep 23 '20 at 14:35
So innerHTML only accepts string value so you are not able to put array object directly. – Derek Wang Sep 23 '20 at 14:36
ok, so instead of innerHTML can we use any other method? – cshendye Sep 23 '20 at 14:42
To update html element using javascript, only `innerHTML` and `innerText` are available. No other ways except them. – Derek Wang Sep 23 '20 at 14:43

can we print array outside the loop i javascript

1 Answers1