JavaScript passing String Array to String literal

Question

I want to pass Array of string values to a string literal as follows

Code:

var array = ['1','2556','3','4','5'];
...
...

var output = `
<scr`+`ipt>
    window.stringArray = [`+ array +`]
</scr`+`ipt>

`

Output:

<script>
    window.stringArray = [1,2556,3,4,5]
</script>

Desired Output:

<script>
    window.stringArray = ['1','2556','3','4','5']
</script>

I've tried to not string the arrays and string it inside the multiline string, but the values are too long for int to handle and it breaks eg [888555985744859665555] this will turn into [888555985744859665500] and it's a push on the memory, easy to use string regardless! Next I've tried to use map function within the inline string like this

`[`+ array.map(String) +`]`

I can't add any more lines to the output string mentioned above, code can be modified within the one line or added above it!

Answer 1

You can stringify the array. In addition just escape the / instead of using concatenation on the tag name - it's easier to read, and more efficient .

 const array = ['1','2556','3','4','5']; const output = ` <script> window.stringArray = ${JSON.stringify(array)} <\/script> `; console.log(output);

Answer 2

Why not use JSON.stringify ? It works perfectly for your use case!

 var array = ['1','2556','3','4','5']; var output = ` <scr`+`ipt> window.stringArray = `+ JSON.stringify(array) +`; </scr`+`ipt> `; console.log(output);

You can read more about the usage of JSON.stringify on MDN .