Display JSON values depending on presence of other key using Javascript

Question

I am new to JavaScript, tried below code and not able to get it. I have gone through many other post but didn't work.

Output: Check if AUTO damage is present. If Yes, get count and display First & Last for the same.

var myObj, i, x = "";
myObj = {
  "Initial": {
    "claim": [{
      "first": "abc",
      "last": "xyz",
      "damage": {
        "auto": true,
        "manual": true
      }
    }, {
      "first": "mne",
      "last": "odc",
      "damage": {
        "manual": true
      }
    }, {
      "first": "svc",
      "last": "tre",
      "damage": {
        "auto": true
      }
    }, {
      "first": "tre",
      "last": "hdf",
      "damage": {}
    }]
  }
}

var myObj = myObj.Initial.claim;

console.log(myObj);

for (i = 0; i < myObj.length; i++) {
  x += myObj.first[i] + "<br>";
  x += myObj.damage.auto[i] + "<br>";
}

document.getElementById("demo").innerHTML = x;

<p id="demo"></p>

what do you mean by "get count" ?

Abdelaziz Mokhnache
– Abdelaziz Mokhnache

2017-02-12 07:12:30 +00:00
Commented Feb 12, 2017 at 7:12 — Abdelaziz Mokhnache
– Abdelaziz Mokhnache, Commented Feb 12, 2017 at 7:12

Abdelaziz Mokhnache · Accepted Answer · 2017-02-12 07:26:39Z

2

First myObj.Initial.claim is an array not an object, it's better to name it myArr instead of myObj.

Before accessing an object property which can be present or not, you have to check for it before doing that using myObj.hasOwnProperty method.

var myObj, i, x = "";
myObj = {
  "Initial": {
    "claim": [
      {
        "first": "abc",
        "last": "xyz",
        "damage": {
          "auto": true,
          "manual": true
        }
      }, 

      {
        "first": "mne",
        "last": "odc",
        "damage": {
          "manual": true
        }
      },

      {
        "first": "svc",
        "last": "tre",
        "damage": {
          "auto": true
        }
      }, 

      {
        "first": "tre",
        "last": "hdf",
        "damage": {}
      }
    ]
  }
}

var myArr = myObj.Initial.claim;

console.log(myArr);

for (i = 0; i < myArr.length; i++) {
  x += myArr[i].first + "<br>";

  if(myArr[i].damage.hasOwnProperty("auto")) {
    x += myArr[i].damage.auto + "<br>";
  }
}


document.getElementById("demo").innerHTML = x;

<p id="demo"></p>

edited Feb 12, 2017 at 7:26

answered Feb 12, 2017 at 6:58

Abdelaziz Mokhnache

4,3493 gold badges28 silver badges35 bronze badges

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

1 Comment

Jay Over a year ago

Thanks, Why is it giving as undefined in second line console.

Abdul Mateen Mohammed · Accepted Answer · 2017-02-12 06:59:41Z

You can use the hasOwnProperty function to check whether the damage is auto or not, check the below code snippet.

'use strict';

var claims = {
  "Initial": {
    "claim": [{
      "first": "abc",
      "last": "xyz",
      "damage": {
        "auto": true,
        "manual": true
      }
    }, {
      "first": "mne",
      "last": "odc",
      "damage": {
        "manual": true
      }
    }, {
      "first": "svc",
      "last": "tre",
      "damage": {
        "auto": true
      }
    }, {
      "first": "tre",
      "last": "hdf",
      "damage": {}
    }]
  }
};

var result = [];
for (var i = 0; i < claims.Initial.claim.length; i++) {
  if (claims.Initial.claim[i].damage.hasOwnProperty('auto')) {
    result.push(claims.Initial.claim[i]);
  }
}

console.log(result);

var x = '';
for (var i = 0; i < result.length; i++) {
  x += result[i].first + "<br>";
  x += result[i].damage.auto + "<br>";
}

document.getElementById("demo").innerHTML = x;

<p id="demo"></p>

thedeliciousmuffin · Accepted Answer · 2017-02-12 07:15:34Z

0

You could use hasOwnProperty to check if auto exists.

for example:

myObj.forEach(function(val) {
    if (val.damage.hasOwnProperty('auto') && val.damage.auto) {
        console.log(val.first, val.last);
    }
});

edited Feb 12, 2017 at 7:15

thedeliciousmuffin

8141 gold badge11 silver badges22 bronze badges

answered Feb 12, 2017 at 7:00

arieljannai

2,1543 gold badges19 silver badges40 bronze badges

Collectives™ on Stack Overflow

Display JSON values depending on presence of other key using Javascript

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related