使用Javascript从数组或对象中提取value属性

Question

I have some options in a dropdown box on my website which are then sent via webhook for me to extract details from. I am trying to extract the value from the ageId object.

But depending on the dropdown item selected, it is either placed into an array or an object with some other details added.

When the Adult option is chosen, ageId is: [ { i: 0, value: '25', label: 'Adult' } ]

When the Senior option is chosen, ageId is: { '1': { i: 1, value: '65', label: 'Senior' } }

Before I added more dropdown options, the following worked to extract the required property of 25

const ageMinimum = event.ageId[0].value[Object.keys(event.ageId[0].value)[0]].value;

How can I extract the value (eg.25 or 65) property every time regardless of the dropdown selected and the subsequent changing syntax?

Answer 1

You could try:

var adult = [ { i: 0, value: '25', label: 'Adult' } ];
var senior = { '1': { i: 1, value: '65', label: 'Senior' } };
var tmp = senior; // Or adult

var ageMinimum  = (Array.isArray(tmp) ? tmp[0] : tmp[Object.keys(tmp)[0]]).value; // Edited to work with flexible first object property names
console.log(ageMinimum);