Javascript returning Null value in object

Question

I am using the following code to call an API and return results:

api.jobs.all(function(response) {

const obj = response.data.map(function(item) {
    return [item.id, item.billed.amountString];

});
});

With the following JSON:

{
  "data": [
  {
     "id": 2090170,
     "deadline": null,
     "jobId": {
        "id": 1644
     },
     "billed": {
        "amountString": 200,
        "currencyType": "CAD"
     }
    },
    {
     "id": 2090171,
     "deadline": null,
     "jobId": {
        "id": 1645
     },
     "billed": {
        "amountString": 400,
        "currencyType": "USD"
     }
}]}

The code is working fine, for the most part I am getting back good results, with the exception of: billed.amountString

I keep getting the following error:

TypeError: Cannot read property 'amountString' of null

Can anyone see why this would be returning null?

Also, is there a way in which I could loop through the API call and force it to do the following:

If .amountString === null, .amountString = "";

Your JSON is invalid. You have a single object in your array, which has two properties with the key "id". — Heretic Monkey
– Heretic Monkey, Commented May 2, 2017 at 22:14
You should re-check your JSON data, you have a single object inside a the data array, which contains duplicate properties, that I presume are supposed to be a part of a separate object in the array. — mhodges
– mhodges, Commented May 2, 2017 at 22:17
I even tried to add an additional id in the array where "amountString" is completely missing. console.table(json.data.map(function(i) { return [i.id, i.billed.amountString]; })); lists a table having no errors. — edi
– edi, Commented May 2, 2017 at 22:31

Devendra Lattu · Accepted Answer · 2017-05-02 22:35:45Z

1

var response = {
  "data": [
  {
     "id": 2090170,
     "deadline": null,
     "jobId": {
        "id": 1644
     },
     "billed": {
        "amountString": 200,
        "currencyType": "CAD"
     }
    },
    {
     "id": 2090171,
     "deadline": null,
     "jobId": {
        "id": 1645
     },
     "billed": {
        "amountString": 400,
        "currencyType": "USD"
     }
}]};

const obj = (response.data).map(function(item) {
    return [item.id, item.billed.amountString];
});

console.log(obj);

answered May 2, 2017 at 22:35

Devendra Lattu

2,8122 gold badges22 silver badges27 bronze badges

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

1 Comment

Devendra Lattu Over a year ago

I am glad that it resolved your problem. Thank you for asking this question. It helped me to brush up my concepts too :p

Pearman · Accepted Answer · 2017-05-02 22:21:35Z

0

You could use the library lodash. The lodash method get can be used to try and access an object field. If it does not exist you can specify a default return value. See https://lodash.com/ .

// This will try to access item.billed.amountString
// If an item does not exist anywhere along the way
// it will return the default.

// _.get( OBJECT, PATH, DEFAULT )
_.get(item, ['billed', 'amountString'], '')

answered May 2, 2017 at 22:21

Pearman

1,0686 silver badges14 bronze badges

Collectives™ on Stack Overflow

Javascript returning Null value in object

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related