How do i get the specific values from json data in React

Question

I am getting an error in console while i am trying to get a specific value from json data. This is the error:

'Uncaught TypeError: Cannot read property 'processen_id' of undefined'

Here is my code:

$.get("/getProces", function (data) {
        if (data.error) {
        } else {
            for (var i = 0; i <= data.message.length; i++) {
                var obj = data.message[i]
                console.log(obj.processen_id)
            }
        }
    })
}

This is what i get when i log (data):

Have you tried logging data and data.message to see what's inside? Obviously the message[i] doesn't exist — atomrc
– atomrc, Commented Jun 22, 2017 at 11:40

Tal Avissar · Accepted Answer · 2017-06-22 11:43:05Z

1

You have a mistake in your code in the for loop

<= instead of <

 $.get("/getProces", function (data) {
            if (data.error) {
            } else {
                for (var i = 0; i < data.message.length; i++) {
                    var obj = data.message[i]
                    console.log(obj.processen_id)
                }
            }
        })
    }

answered Jun 22, 2017 at 11:43

Tal Avissar

10.3k6 gold badges49 silver badges74 bronze badges

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

Comments

benkuly · Accepted Answer · 2017-06-22 11:43:32Z

1

The error message means that obj is undefined. That means, that data.message[i] gets an undefined value. The problem is the loop. You get an i that is larger then the array. Change <= to <:

for (var i = 0; i < data.message.length; i++) {
   var obj = data.message[i]
   console.log(obj.processen_id)
}

answered Jun 22, 2017 at 11:43

benkuly

1,18410 silver badges30 bronze badges

Comments

Hitmands · Accepted Answer · 2017-06-22 11:51:20Z

0

index out of range: for (var i = 0; i <= data.message.length; i++) { should be for (var i = 0; i < data.message.length; i++) { instead.

you can also optimize your code in this way:

$
  .get("/getProces")
  .then((res) => res.error ? Promise.reject(res) : Promise.resolve(res))
  .then((data) => {
    for (var i = 0; i < data.message.length; i++) {
      var obj = data.message[i]
      console.log(obj.processen_id)
    }
  })

answered Jun 22, 2017 at 11:51

Hitmands

14.2k4 gold badges41 silver badges78 bronze badges

Collectives™ on Stack Overflow

How do i get the specific values from json data in React

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