jQuery - Iterate JSON, Join The Results and Output as String

Question

I want to iterate a JSON Object and then join/ merge each result into string.

Here is my codes:

JSON:

var jsonObj = [ {"tag": "article"}, {"tag": "header"} ]

jQUery:

var json = $.parseJSON(jsonObj);
var element = $.each(json, function(i, val){
    var finder = 'find("' + val.tag + '")';         
    return finder;
});
alert(element);

I tried using .join() after $.each(), like this $.each(...).join(); but it is returning object.

I also using .get(), like this $.each(...).get().join(); but returning error.

What can I use to join the result returned in each iteration and then merge them and output as a string?

what is 'find()' as a string used for? Are you wanting to invoke as function? — charlietfl
– charlietfl, Commented May 3, 2015 at 18:02

Shaunak D · Accepted Answer · 2015-05-03 17:50:50Z

2

Fiddle

Use .map() chained with .join() to get the values in a string.

var jsonObj = [{"tag": "article"}, {"tag": "header"}]
var json = $.parseJSON(jsonObj);
var element = $.map(json, function(obj){
    var finder = 'find("' + obj.tag + '")';         
    return finder;
}).join(' , ');
console.log(element)

Note that .each() does not support .get().

answered May 3, 2015 at 17:50

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

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

3 Comments

Ari Over a year ago

it works... but I can't then use index and in inside the iteration... like so:

var element = $.map(json, function(i, obj){ 				var finder = "";  				if(json.length - i == json.length) { 					finder += i + " "; 				} 				if("tag" in obj) { 					finder += '$("' + obj.tag + '")'; 				}     return finder; }).join(' , ');

Shaunak D Over a year ago

Yes you can, the syntax is a little different for .map() with index. Check this jsfiddle.net/jdgr9dyz/1 . Instead of function(i, obj) its function(obj,i)

Ari Over a year ago

You beat it once again...!

Collectives™ on Stack Overflow

jQuery - Iterate JSON, Join The Results and Output as String

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related