Issue Parsing JSON string in JavaScript

Question

I'm a java developer, new to javascript and have a JSON string coming from a WebService that needs to be parsed in JavaScript

JSON String:

{
  "myArrayList": [
      {
         "myHashMap": {
               "firstName": "Clara",
               "name": "Housing and Community Development"
          }
      },
     {
         "myHashMap": {
               "firstName": "Nick",
               "name": "Housing and Community Development"
         }
     }
  ]
}

I have tried the following to parse the data but always get 'undefined'. The webservice retrieves the text as above in string format.

$.getJSON("http://localhost:7001/WS/Users?Id=35",
    function (jsonData)
    {
       for (var counter in jsonData.myArrayList) {
            alert(jsonData.myArrayList[counter]['name'])
       }
   });

However the alert always displays 'undefined'. Any help on resolving this would be highly appreciated. Thanks.

You seem to be overlooking the myHashMap property. Also for...in is problematic with arrays if the order matters. You’re better off with forEach or for...of. — Mark
– Mark, Commented Feb 7, 2019 at 19:25
Thanks @MarkMeyer. alert((jsonData.myArrayList[counter]['myHashMap']).firstName); worked. — Sirish V
– Sirish V, Commented Feb 7, 2019 at 19:33

Abu Bakar · Accepted Answer · 2019-02-07 19:43:27Z

1

you can acces it by arraylist[i].[harshmap] where this line can be put inside a loop and it will get all the values iteratively.

answered Feb 7, 2019 at 19:43

Abu Bakar

651 silver badge8 bronze badges

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

2 Comments

Sirish V Over a year ago

Is there a way I can get the data in the order it was inserted?

Abu Bakar Over a year ago

yup, use myArrayList[i].[myHarshship].[firstName],myArrayList[i].[myHarshship].[name]

stever · Accepted Answer · 2019-02-07 19:44:44Z

1

This example destructures the object and maps the resulting array

        var dta = 
        {
          "myArrayList": [
              {
          "myHashMap": {
            "firstName": "Clara",
            "name": "Housing and Community Development"
                  }
              },
             {
           "myHashMap": {
           "firstName": "Nick",
            "name": "Housing and Community Development"
                 }
             }
          ]
        }
       const { myArrayList } = dta
       function parse() {
        myArrayList.map(list => {
       alert(list.myHashMap.name)
    })
    }
    parse()

answered Feb 7, 2019 at 19:44

stever

1,2513 gold badges14 silver badges22 bronze badges

Comments

Jimmy · Accepted Answer · 2019-02-07 20:36:31Z

1

JSON.parse should help you with the deserialization:

var obj = JSON.parse('[{"name":"John", "age":30, "city":"New York"}]');

obj[0].name should help you get the name.

edited Feb 7, 2019 at 20:36

Jimmy

2,8491 gold badge21 silver badges27 bronze badges

answered Feb 7, 2019 at 19:33

Sid T

111 silver badge3 bronze badges

Comments

Sirish V · Accepted Answer · 2019-02-07 19:34:01Z

0

The below snipped worked:

(jsonData.myArrayList[counter]['myHashMap']).firstName;

Thanks.

answered Feb 7, 2019 at 19:34

Sirish V

9322 gold badges13 silver badges27 bronze badges

Collectives™ on Stack Overflow

Issue Parsing JSON string in JavaScript

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related