[Django]-Convert string array to array in javascript

To parse it you need to use double quotes instead of single.

This should work:

services = '["service1", "service2", "service3"]'
JSON.parse(services)

This is used to convert string which is array into pure array

var a = '[Aakash,akash]'
a.replace(/\[|\]/g,'').split(',')
(2) ["Aakash", "akash"]

Your response is of the form

services = "['service1', 'service2', 'service3']"

JSON.parse() will work if the parent quote is a single quote and all other child quotes are double quotes. I have quoted an example below

services = '["service1", "service2", "service3"]'

We can use replace() to achieve this
Here is a working example

services = "['service1', 'service2', 'service3']"
services = services.replace(/'/g, '"') //replacing all ' with "
services = JSON.parse(services)
console.log(services)

To ensure correct parsing between Django and some javascript browser code, be sure that you return a JsonResponse() in your controller. This ensures you can parse it with JSON.parse() in your Javascript.

Try Using:

var services = "['service1', 'service2', 'service3']"
services = services .split(",");
services [0] = services [0].substring(1);
services [services .length - 1] = services [services .length - 1].substring(
  0,
  services [services .length - 1].length - 1
);
services .forEach((x, i) => {
  services [i] = services [i].includes('"') ? services [i].replaceAll('"', "").trim()
     : services [i].replaceAll("'", "").trim();
});

console.log(services );

I recently found a roundabout way of solving a similar problem. I wanted to store an array as a data attribute in an HTML element so that I could use it later in the JS. However, such an HTML attribute could only be stored as a string. To solve this…

1. First I turned the arrays into a single string, with each value separated by a comma (ex. ["test 1", "test 2", "test 3"] is written as “test 1,test 2,test 3”).
2. Next, I entered the new string into the desired HTML data attribute. (ex. <div data-somedata="test 1,test 2,test 3"></div>)
3. Upon entering the JS, I retrieved that data string and converted it back into an array by using jQuery’s "split” method. For this check out the snippet here.

let stillString = $("[data-something]").attr('data-something');
console.log(stillString);

let nowArray = stillString.split(",");
console.log(nowArray);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<div data-something="test 1,test 2,test 3"></div>

This may not look pretty, keeping an array as a string, but it gets the job done and your average users won’t know the difference.

NOTE: You don’t HAVE to use commas. You could use any character really. The only thing that matters that none of the values that you’re trying to separate contain the character that you chose split them with.

Just follow these steps

1. let arr = new Array(services);
2. let servicesArray = JSON.parse(arr[0]);

By these two steps you array "[‘service1’, ‘service2’, ‘service3’]" would be converted to this one [‘service1’, ‘service2’, ‘service3’]