Access first element of json array [duplicate]

Question

Here is my JSON object

{
    "errors": {
        "product_name": {
            "message": "Product name is required",
            "name": "ValidatorError"
        },
        "category": {
            "message": "Category is required",
            "name": "ValidatorError"

        }
    }
}

My aim is to access the first "message", though it can be access via

 errors.product_name.message

this is not the goal, my goes is to get first message without using the "product_name" object, like

errors[0].message

there is no array in what you've shown

Bravo
– Bravo

2019-11-03 08:31:09 +00:00
Commented Nov 3, 2019 at 8:31 — Bravo
– Bravo, Commented Nov 3, 2019 at 8:31

Amir Popovich · Accepted Answer · 2019-11-03 08:26:53Z

1

Use Object.entries to iterate on the errors and fetch the message property

const obj = {
	"errors": {
		"product_name": {
			"message": "Product name is required",
			"name": "ValidatorError"
		},
		"category": {
			"message": "Category is required",
			"name": "ValidatorError"

		}
	}
};

const [,value] = Object.entries(obj.errors)[0];
console.log(value.message);

answered Nov 3, 2019 at 8:26

Amir Popovich

30.1k9 gold badges58 silver badges102 bronze badges

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

1 Comment

charlietfl Over a year ago

Worth noting that even using Object,entries() the first may not always be the same property key. Whole thing seems like an XY problem

danikaze · Accepted Answer · 2019-11-03 08:27:32Z

0

First you need to know, an object is not a Set. The order is not always the same (it depends on the iterator implementation).

It usually gives you the order of the declaration keys but it doesn't need to be true.

Then, some ways to get what you want.

With Object.keys:

const keys = Object.keys(obj.errors);
const firstError = obj.errors[keys[0]];

With Object.entries:

const entries = Object.entries(obj.errors);
const firstError = entries[0][1];

Then, if you don't need all the keys you can just stop at the first one:

function getFirstKey(obj) {
  for (const k in obj) {
    return k;
  }
}

const firstError = obj.errors[getFirstKey(obj.errors)];

answered Nov 3, 2019 at 8:27

danikaze

1,6642 gold badges18 silver badges38 bronze badges

Collectives™ on Stack Overflow

Access first element of json array [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related