Javascript Parse JSON array get value

Question

I have the following JSON data:

{
        "searchResults": [
            {
                "self": "https://api.icims.com/customers/xxxx/applicantworkflows/689997",
                "id": 689997
            },
            {
                "self": "https://api.icims.com/customers/xxxx/applicantworkflows/691005",
                "id": 691005
            }
        ]
    }

I need to get the value of "id": 691005

I thought I could do something like this:

    <script>
    var myJson = ({
        "searchResults": [
            {
                "self": "https://api.icims.com/customers/xxxx/applicantworkflows/689997",
                "id": 689997
            },
            {
                "self": "https://api.icims.com/customers/xxxx/applicantworkflows/691005",
                "id": 691005
            }
        ]
    })

    myArray = JSON.parse(myJson);
    console.log(myArray[1]);
</script>

throws an error.

How can I get the value "691005" from the data using only JS not libraries?

The thing you have posted it not JSON, it's an object. You can tell because the "an error" it throws tells you: "JSON.parse: unexpected character at line 1 column 2 of the JSON data". Also, why wrapping with ()? — msanford
– msanford, Commented Jul 13, 2021 at 21:32
JSON.parse stand for string content, and produce a JSON data. your var myJson is already a JSON data — Mister Jojo
– Mister Jojo, Commented Jul 13, 2021 at 21:36

Spectric · Accepted Answer · 2021-07-13 21:35:53Z

2

JSON.parse() is used to produce a JSON from a string, not from another JSON.

Instead, simply get the id property from the second item in the searchResults property.

const myJson = {
  "searchResults": [{
      "self": "https://api.icims.com/customers/xxxx/applicantworkflows/689997",
      "id": 689997
    },
    {
      "self": "https://api.icims.com/customers/xxxx/applicantworkflows/691005",
      "id": 691005
    }
  ]
}


const id = myJson.searchResults[1].id;
console.log(id);

answered Jul 13, 2021 at 21:35

Spectric

32.6k6 gold badges32 silver badges56 bronze badges

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

Comments

Raphael Barbosa Rodrigues · Accepted Answer · 2021-07-13 21:39:31Z

0

You could also find the item by the id, instead of the index of the array, like that

var myJson = `
{
  "searchResults": [
      {
          "self": "https://api.icims.com/customers/xxxx/applicantworkflows/689997",
          "id": 689997
      },
      {
          "self": "https://api.icims.com/customers/xxxx/applicantworkflows/691005",
          "id": 691005
      }
  ]
}
`

const myArray = JSON.parse(myJson);
const selectedItem = myArray.searchResults.find((item) => {
  return item.id === 689997
});

console.log(selectedItem)

answered Jul 13, 2021 at 21:39

Raphael Barbosa Rodrigues

591 silver badge4 bronze badges

Comments

Alexandro Giles · Accepted Answer · 2021-07-13 21:43:07Z

0

You can access it directly:

<script>
    var myJson = ({
        "searchResults": [
            {
                "self": "https://api.icims.com/customers/xxxx/applicantworkflows/689997",
                "id": 689997
            },
            {
                "self": "https://api.icims.com/customers/xxxx/applicantworkflows/691005",
                "id": 691005
            }
        ]
    })

    console.log(myJson['searchResults'][0]['id']);

</script>

This code will output: 691005.

answered Jul 13, 2021 at 21:43

Alexandro Giles

4925 silver badges19 bronze badges

Collectives™ on Stack Overflow

Javascript Parse JSON array get value

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related