JQuery Autocomplete Array of Objects from String

Question

In order to satisfy a JQuery autocomplete I have, right now, used this initialization code:

var KdNameTags = [{label:"...", idx:0},{label:"...", idx:1},{...}]

This works well, and it initializes an array of objects, each one containing a property "label" and "idx", like demanded by autocomplete. See details in the JQuery docs if required. Now, I want the definition delivered via a string variable, like:

var strTags = '{label:"...", idx:0},{label:"...", idx:1},{...}';

but I can't figure out how I need to proceed, and I have Javascript creating the array of objects from that string.

var KdNameTags = [strTags]

it does not do the trick, of course...

Your string not in proper json format, so you won't be able to parse it using JSON.parse().... will you be able to fix the code that is generating the string — Arun P Johny
– Arun P Johny, Commented Jul 9, 2015 at 13:45

guest271314 · Accepted Answer · 2015-07-09 13:55:53Z

2

var strTags = '{"label":"...", "idx":0},{"label":"...", "idx":1}';
var arr = JSON.parse("[" + strTags + "]");
console.log(arr);
$("pre").text(JSON.stringify(arr, null, 2));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<pre></pre>

answered Jul 9, 2015 at 13:55

guest271314

1

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

1 Comment

Alina85 Over a year ago

Thanks, this worked like a charm. First hint was to bring the init string into JSON format (put "" around the member names), and then shove the string into a JSON parser, I prefer to use jQuery.parseJSON(strTags); but your code has showed me the way. Excellent!

Pranav C Balan · Accepted Answer · 2015-07-09 14:06:54Z

2

You can add "[]" to the string variable and then use eval(), to create your array of objects.

var strTags = '[{label:"...", idx:0},{label:"...", idx:1}]';
var yourObject = eval(strTags)

edited Jul 9, 2015 at 14:06

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

answered Jul 9, 2015 at 13:58

Michael Stork

2061 silver badge5 bronze badges

2 Comments

Pranav C Balan Over a year ago

It's really nice method, +1 added

Alina85 Over a year ago

Would have worked too, I guess, but I preferred to go the JSON parser idea. Thanks though!

Pranav C Balan · Accepted Answer · 2015-07-09 14:07:42Z

0

You can do something like this , with the help of replace() and JSON.parse()

var strTags = '{label:"...", idx:0},{label:"...", idx:1}';

var json = JSON.parse('[' + strTags.replace(/({|,)\s*(\w+)\s*:/g, '$1"$2":') + ']');

console.log(json);

edited Jul 9, 2015 at 14:07

answered Jul 9, 2015 at 13:56

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

Collectives™ on Stack Overflow

JQuery Autocomplete Array of Objects from String

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related