Uncaught TypeError in getting json value

Question

Below the code is working but I am getting

Uncaught TypeError: Cannot read property 'searchname' of undefined

Why am I getting this error message? I do not know how to resolve this issue.

var selectedVal = "calendar";
$.getJSON("/js/datas.json", function(jsonData) {
  for (var j = 0; j <= jsonData.nameSearch.length; j++) {
    if (jsonData.nameSearch[j].searchname == selectedVal) {
      var linkname = jsonData.nameSearch[j].namelink;
      alert(linkname);
    }
  }
});

This is the JSON:

{
  "nameSearch": [{
    "searchname": "calendar",
    "namelink": "holidays"
  }, {
    "searchname": "date",
    "namelink": "kilo"
  }]
}

Try to print the value of the variable, if you are getting fine or not. — AsthaUndefined
– AsthaUndefined, Commented Dec 7, 2017 at 8:55

Death-is-the-real-truth · Accepted Answer · 2017-12-12 10:51:30Z

3

You need to use < instead of <=.

Reason:-

Because jsonData.nameSearch indexs start from 0 like 0,1,.....so on

when you are using jsonData.nameSearch.length it gives you 2.

So loop will become:-

for (var j = 0; j <= 2; j++) {

but index 2 inside jsonData.nameSearch doesn't not exist at all. so you are getting error.

So the solution is removed = from loop like below:-

for (var j = 0; j < jsonData.nameSearch.length; j++)

edited Dec 12, 2017 at 10:51

answered Dec 7, 2017 at 8:57

Death-is-the-real-truth

72.3k10 gold badges59 silver badges105 bronze badges

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

Comments

beaver · Accepted Answer · 2017-12-07 09:58:15Z

1

You need to remove = sign from for loop.

For loop should be like:

for (var j = 0; j < jsonData.nameSearch.length; j++)

edited Dec 7, 2017 at 9:58

beaver

17.8k2 gold badges43 silver badges70 bronze badges

answered Dec 7, 2017 at 9:24

Hussain

875 bronze badges

Comments

user2560539 · Accepted Answer · 2017-12-07 11:01:11Z

Another approach could be something like this.

function nameSearchIdx(jsonData, idx, checkValue) {
    if (jsonData.nameSearch[idx].searchname === checkValue) {
        var linkname = jsonData.nameSearch[idx].namelink;
        alert(linkname);
    }
}
var selectedVal = "calendar";
$.getJSON("/js/datas.json", function(jsonData) {
  Object.getOwnPropertyNames(jsonData.nameSearch).forEach(function (val, idx, array) {
     if(!isNaN(val)) {
         nameSearchIdx(jsonData, idx, selectedVal);
     }
   });
});

var jsonData = {
  "nameSearch": [{
    "searchname": "calendar",
    "namelink": "holidays"
  }, {
    "searchname": "date",
    "namelink": "kilo"
  }]
};
function nameSearchIdx(jsonData, idx, checkValue) {
if (jsonData.nameSearch[idx].searchname === checkValue) {
      var linkname = jsonData.nameSearch[idx].namelink;
      alert(linkname);
}
}
Object.getOwnPropertyNames(jsonData.nameSearch).forEach(
  function (val, idx, array) {
      if(!isNaN(val)) {
          nameSearchIdx(jsonData, idx, "calendar");
    }
  }
);

Collectives™ on Stack Overflow

Uncaught TypeError in getting json 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