How can I get the index from a JSON object with value

Question

This is my JSON string          quot name quot    quot placeHolder quot        quot section quot    quot right quot            quot name quot    quot Overview quot        quot section quot    quot left quot            quot name quot    quot ByFunction quot        quot section quot    quot left quot            quot name quot    quot Time quot        quot section quot    quot left quot            quot name quot    quot allFit quot        quot section quot    quot left quot            quot name quot    quot allbMatches quot        quot section quot    quot left quot            quot name quot    quot allOffers quot        quot section quot    quot left quot            quot name quot    quot allInterests quot        quot section quot    quot left quot            quot name quot    quot allResponses quot        quot section quot    quot left quot            quot name quot    quot divChanged quot        quot section quot    quot right quot      Now  I have the value allInterests and I want to find out the index  this case  it is  7   of this object in the above string  I tried the following code  but it always returns -1  var q   MY JSON STRING console log q indexOf   allInterests

User · Answer

Function base solution for get index from a JSON object with value by VanillaJS.

Exemple: https://codepen.io/gmkhussain/pen/mgmEEW

_x000D_

    var data= [{_x000D_
      "name": "placeHolder",_x000D_
      "section": "right"_x000D_
    }, {_x000D_
      "name": "Overview",_x000D_
      "section": "left"_x000D_
    }, {_x000D_
      "name": "ByFunction",_x000D_
      "section": "left"_x000D_
    }, {_x000D_
      "name": "Time",_x000D_
      "section": "left"_x000D_
    }, {_x000D_
      "name": "allFit",_x000D_
      "section": "left"_x000D_
    }, {_x000D_
      "name": "allbMatches",_x000D_
      "section": "left"_x000D_
    }, {_x000D_
      "name": "allOffers",_x000D_
      "section": "left"_x000D_
    }, {_x000D_
      "name": "allInterests",_x000D_
      "section": "left"_x000D_
    }, {_x000D_
      "name": "allResponses",_x000D_
      "section": "left"_x000D_
    }, {_x000D_
      "name": "divChanged",_x000D_
      "section": "right"_x000D_
    }];_x000D_
    _x000D_
    _x000D_
    // create function_x000D_
    function findIndex(jsonData, findThis){_x000D_
      var indexNum = jsonData.findIndex(obj => obj.name==findThis);  _x000D_
_x000D_
    //Output of result_x000D_
          document.querySelector("#output").innerHTML=indexNum;_x000D_
          console.log(" Array Index number: " + indexNum + " , value of " + findThis );_x000D_
    }_x000D_
    _x000D_
    _x000D_
    /* call function */_x000D_
    findIndex(data, "allOffers");

_x000D_

Output of index number : <h1 id="output"></h1>

_x000D_

User · Answer

Traverse through the array and find the index of the element which contains a key name and has the value as the passed param    x000D   x000D  var data      x000D     name    placeHolder   x000D     section    right  x000D       x000D     name    Overview   x000D     section    left  x000D       x000D     name    ByFunction   x000D     section    left  x000D       x000D     name    Time   x000D     section    left  x000D       x000D     name    allFit   x000D     section    left  x000D       x000D     name    allbMatches   x000D     section    left  x000D       x000D     name    allOffers   x000D     section    left  x000D       x000D     name    allInterests   x000D     section    left  x000D       x000D     name    allResponses   x000D     section    left  x000D       x000D     name    divChanged   x000D     section    right  x000D      x000D   x000D  Array prototype getIndexOf   function el    x000D   x000D    var arr   this  x000D   x000D    for  var i 0  i lt arr length  i     x000D       console log arr i  name   x000D       if arr i  name  el   x000D         return i  x000D         x000D        x000D      x000D     x000D    return -1  x000D   x000D    x000D   x000D  alert data getIndexOf  allResponses     x000D   x000D   x000D

User · Answer

Once you have a json object   obj valueOf Object keys obj  indexOf  String to Find

User · Answer

In all previous solutions  you must know the name of the attribute or field  A more generic solution for any attribute is this   let data            name    placeHolder        section    right            name    Overview        section    left            name    ByFunction        section    left            name    Time        section    left            name    allFit        section    left            name    allbMatches        section    left            name    allOffers        section    left            name    allInterests        section    left            name    allResponses        section    left            name    divChanged        section    right          function findByKey key  value        return  item  i    gt  item key      value    let findParams   findByKey  name    allOffers   let index   data findIndex findParams

User · Answer

You will have to use Array find or Array filter or Array forEach  Since you value is array and you need position of element  you will have to iterate over it  Array find  x000D   x000D  var data      name   placeHolder   section   right     name   Overview   section   left     name   ByFunction   section   left     name   Time   section   left     name   allFit   section   left     name   allbMatches   section   left     name   allOffers   section   left     name   allInterests   section   left     name   allResponses   section   left     name   divChanged   section   right     var index   -1  var val    allInterests  var filteredObj   data find function item  i     if item name     val       index   i      return i           console log index  filteredObj   x000D   x000D   x000D   Array findIndex    Ted Hopp s suggestion  x000D   x000D  var data      name   placeHolder   section   right     name   Overview   section   left     name   ByFunction   section   left     name   Time   section   left     name   allFit   section   left     name   allbMatches   section   left     name   allOffers   section   left     name   allInterests   section   left     name   allResponses   section   left     name   divChanged   section   right      var val    allInterests  var index   data findIndex function item  i     return item name     val      console log index   x000D   x000D   x000D   Default Array indexOf   will match searchValue to current element and not its properties  You can refer Array indexOf - polyfill on MDN

User · Answer

You can use Array findIndex   x000D   x000D  var data        name    placeHolder      section    right          name    Overview      section    left          name    ByFunction      section    left          name    Time      section    left          name    allFit      section    left          name    allbMatches      section    left          name    allOffers      section    left          name    allInterests      section    left          name    allResponses      section    left          name    divChanged      section    right      var index   data findIndex obj   gt  obj name   allInterests     console log index   x000D   x000D   x000D

[javascript] How can I get the index from a JSON object with value?

Examples related to javascript

Examples related to json