javascript/jquery convert array to string adding something before each

Question

I need to convert the following array into *correction an object however I also need to append something before each object is printed.

var arrayList = ["image1.jpg","image2.jpg","image3.jpg"];

I need to turn this into the following...

{src: 'image1.jpg'},{src: 'image2.jpg'},{src: 'image3.jpg'}

I have tried things like:

{src: '"+ arrayList.toString+"'}

However this just outputs all 3 in one long string. I know that I need to use a loop or jquery each() statement however I'm just not sure how to do that and get my final output that I need.

Any help would be greatly appreciated!

So are you trying to create an object or a string, it's not really clear ? — adeneo
– adeneo, Commented Apr 1, 2014 at 18:52
Very sorry I meant to object but said string. I made the corrections to my question. — bjrdesign
– bjrdesign, Commented Apr 1, 2014 at 19:21
Thank you all very much for your fast response... as always love the community. — bjrdesign
– bjrdesign, Commented Apr 1, 2014 at 19:23

adeneo · Accepted Answer · 2014-04-01 19:19:35Z

2

For an object

var arrayList = ["image1.jpg","image2.jpg","image3.jpg"];

var obj = arrayList.map(function(item) {
    return {src: item};
});

and to turn that into a string

var str = JSON.stringify(obj);

or if you just need a string (which makes very little sense as it's not accessible at all ?)

var str = '{src : \'' + arrayList.join('\'}, {src : \'') + '\'}';

FIDDLE

edited Apr 1, 2014 at 19:19

answered Apr 1, 2014 at 18:54

adeneo

319k29 gold badges410 silver badges392 bronze badges

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

7 Comments

cookie monster Over a year ago

Don't forget the quotation marks around each image_.jpg.

adeneo Over a year ago

@cookiemonster - Yeah, that's probably very important, especially the single quotes, so it can't be parsed as JSON or used for anything really ?

cookie monster Over a year ago

I was just pointing out that the result didn't match the requirement. It's ridiculous to suggest that the data can't be used for anything. Creating custom serialization isn't uncommon.

adeneo Over a year ago

@cookiemonster - I can't say that I've ever seen a string like this used for anything? A string that looks like an object but is a string, with single quotes so it's not valid JSON? Just seems too weird, and I was right in this case, but of course it could be used for something or passed to something that had some sort of strange custom parser instead of using the built in stuff, but I wouldn't say it's very common.

adeneo Over a year ago

@cookiemonster - Lets agree to agree on that one !

|

Paul S. · Accepted Answer · 2014-04-01 18:54:10Z

2

Use map to modify each item as desired, then finally join to create your entire string.

arrayList.map(function (e) {return '{src: \'' + e + '\'}';}).join();
// "{src: 'image1.jpg'},{src: 'image2.jpg'},{src: 'image3.jpg'}"

Please notice that though the output looks like Objects, this is only making Strings.

answered Apr 1, 2014 at 18:54

Paul S.

66.6k9 gold badges129 silver badges143 bronze badges

1 Comment

adeneo Over a year ago

@whiteb0x - That's a bold statement as the question is not very clear, but generally a string that looks exactly like an object sounds rather useless, so I'd say the OP doesn't really know what he wants.

Hackerman · Accepted Answer · 2014-04-01 18:59:39Z

1

My version:

$(document).ready(function(){
var arrayList = ["image1.jpg","image2.jpg","image3.jpg"];
var Lista = "";
var Top = arrayList.length;
var cont = 1;
$.each(arrayList,function(index, value){
    Lista = Lista + "{src:'"+value+"'}";
    if(cont < Top)
    {
     Lista = Lista + ",";
     cont++;
    }
});
console.log(Lista);
});

Working fiddle: http://jsfiddle.net/robertrozas/sV8Fc/

answered Apr 1, 2014 at 18:59

Hackerman

12.3k2 gold badges37 silver badges47 bronze badges

Collectives™ on Stack Overflow

javascript/jquery convert array to string adding something before each

3 Answers 3

7 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related