Question

151

JSON - searching through keys with variable names (unknown)

rated 0 times [ 155] [ 4] / answers: 1 / hits: 40665 / 11 Years ago, fri, september 20, 2013, 12:00:00

Total JSON noob here. I'm trying to cycle through some JSON to pull out the first image from an array inside the object, and after 4 hours of having at it, I've decided I probably need some help.

I'm able to pull every value I need out of the object where I know the key, but I have some data that has non consistent key names that I need to basically iterate through looking for a partial match and then pulling the first on of these results.

The Json structure of the unknown element is structured like this:

custom_fields: {

    content_0_subheading: [

      Title text

    ],

    content_1_text: [

      Some text

    ],

    content_2_image: [

      [

        http://staging.livelivelyblog.assemblo.com/wp-content/uploads/2013/09/wellbeing-260x130.jpg,

        260,

        130,

        true

      ]

    ],

    content_2_caption: [

      

        ]

}

What I'm after is the content_2_image in this case, but in another entry it could be content_20_image for all I know (there's a lot of data being pulled).

Any ideas of the best way to cycle through these unknown keys looking for a partial match on '_image' in the key or something, would be VERY appreciated.

Thanks!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

travion

Add To Favorites

Follow

Total Points: 137

Total Questions: 96

Total Answers: 103

Location: India

Member since Wed, Aug 4, 2021

3 Years ago

travion questions

1 Tagify set data in tagify input on click

Mon, Dec 16, 19, 00:00, 5 Years ago

1 Laravel - How to Import Vue Component to Another Component

Sat, Oct 19, 19, 00:00, 5 Years ago

1 Date conversion in react js

Fri, Sep 20, 19, 00:00, 5 Years ago

1 How can I style react semantic components?

Wed, Nov 14, 18, 00:00, 6 Years ago

1 Problem with onChange for Masked Input in React

Sun, Oct 28, 18, 00:00, 6 Years ago

View All

answered 11 Years ago ira · Accepted Answer

You can't just search through every field with a partial match, so you'll have to iterate through every field and then check the field names for the match. Try something like this:

var json = {

  content_0_subheading: [

    Title text

  ],

  content_1_text: [

    Some text

  ],

  content_2_image: [

    [

      http://staging.livelivelyblog.assemblo.com/wp-content/uploads/2013/09/wellbeing-260x130.jpg,

      260,

      130,

      true

    ]

  ],

  content_2_caption: [

    

  ]

}



for (var key in json) {

    if (json.hasOwnProperty(key)) {

        if (/content_[0-9]+_image/.test(key)) {

            console.log('match!', json[key]); // do stuff here!

        }

    }

}

Basically, what we're doing is:

1) Loop through keys of json object for (var key in json)

2) Ensure the json has the property, and we're not accessing keys we don't want if (json.hasOwnProperty(key))

3) Check if key matches the regular expression /content_[0-9]+_image/

3a) Basically, test if it matches content_ANY NUMBERS_image where ANY NUMBERS is equal to at least one digit or more

4) Use that data however you please console.log(json[key])

Hope this helps!