How to search in nested JSON data in vuejs?

Question

I have nested JSON data like:

[{"id":"1","province_id":"ABC","name":"City One"},{"id":"2","province_id":"EFG","name":"City Two"}]

I want to filter the JSON by province_id and put it in another variable. Is there any solutions in VueJS such as Vue.filter(); ? I know we have "linq" which does the job but I do not want to use it.

Can't you just set that to a variable, then loop over it looking at the providence_id property? var yourQuestionCode = [{"province_id":1}]; yourQuestionCode[0].province_id — DeadlyChambers
– DeadlyChambers, Commented Dec 8, 2017 at 20:11

Isaiah Lee · Accepted Answer · 2017-12-08 19:47:06Z

5

what you're looking for is the javascript Array's filter() function. You should definitely spend some time getting familiar with filter, along with others like map and reduce. It'll make slicing and dicing your data much easier.

var serializedData = `[{"id":"1","province_id":"ABC","name":"City One"},{"id":"2","province_id":"EFG","name":"City Two"}]`;
var data = JSON.parse(serializedData);

var provinceAbc = data.filter(d => d.province_id === 'ABC');

That line will get you all objects where its province_id is "ABC"

Also, since you mentioned "linq" in your post, filter() is like IEnumerable.Where(), and map() is like IEnumerable.Select() in .NET Linq terms

answered Dec 8, 2017 at 19:47

Isaiah Lee

4482 silver badges11 bronze badges

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

1 Comment

Amir Ghaffari eamirgh Over a year ago

Thanks for your answer.The "linq" I have mentioned is js implementation of it link

Eli Richardson · Accepted Answer · 2017-12-08 19:43:32Z

2

I think this will work for you:

var nestedJson = `[{"id":"1","province_id":"ABC","name":"City One"},{"id":"2","province_id":"EFG","name":"City Two"}]`;
var array = JSON.parse(nestedJson);

array = array.map(e => e["province_id"]);

console.log(array);

answered Dec 8, 2017 at 19:43

Eli Richardson

9409 silver badges25 bronze badges

2 Comments

Isaiah Lee Over a year ago

this is technically incorrect, as it'll return a list of objects that contain only the province_id, as opposed to returning a list of the full objects that match the specified id

Amir Ghaffari eamirgh Over a year ago

Thanks for your answer but I want to select all the objects in the JSON where their province_id is equal to 'ABC' for example.

Collectives™ on Stack Overflow

How to search in nested JSON data in vuejs?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related