get value from inner object of position 0 javascript

Question

I have an object set. I want to get the value in position 0 . Example. men is at position zero. i want to access label and innerlabel inside options .

const obj1 = {
    men: {
      value: "men",
      attribute_label: "Men",
      type: "select",
     options: {
        1: { innerlabel: "infant", value_string: "1" },
        2: { innerlabel: "baby", value_string: "2" }
      }
    },
    women: {
      value: "women",
      attribute_label: "Women",
      type: "select",
      options: {
        1: { innerlabel: "infant", value_string: "1" },
        2: { innerlabel: "baby", value_string: "2" }
      }
    },
    kids: {
      value: "kids",
      attribute_label: "Kids",
      type: "select",
     options: {
        7: { innerlabel: "infant", value_string: "1" },
        8: { innerlabel: "baby", value_string: "2" }
      }
    }
  };

There is no *position 0* in objects. I mean, you can use `Object.keys(obj1)[0]` and other static methods but there is no guarantee that it will be `men`. Objects are not meant to be used as an ordered collection — adiga, Jun 25 '20 at 13:56

Nithish · Accepted Answer · 2020-06-25T14:08:58.100

1

const getObjAt = (data, pos) => {
  return Object.values(data)[pos];
};

const obj1 = {
  men: {
    value: 'men',
    attribute_label: 'Men',
    type: 'select',
    options: {
      1: { innerlabel: 'Men', value_string: '1' },
      2: { innerlabel: 'Boy', value_string: '2' },
    },
  },
  women: {
    value: 'women',
    attribute_label: 'Women',
    type: 'select',
    options: {
      1: { innerlabel: 'women', value_string: '1' },
      2: { innerlabel: 'lady', value_string: '2' },
    },
  },
  kids: {
    value: 'kids',
    attribute_label: 'Kids',
    type: 'select',
    options: {
      7: { innerlabel: 'infant', value_string: '1' },
      8: { innerlabel: 'baby', value_string: '2' },
    },
  },
};

const objAt_0 = getObjAt(obj1, 0);
console.log(objAt_0.attribute_label);
Object.values(objAt_0.options).map(option => console.log(option.innerlabel));

const objAt_1 = getObjAt(obj1, 1);
console.log(objAt_1.attribute_label);
Object.values(objAt_1.options).map(option => console.log(option.innerlabel));

edited Jun 25 '20 at 14:08

answered Jun 25 '20 at 13:57

Nithish

5,393
2
9
24

i want both innerLabels @Nithish Gandesiri – Rspp Jun 25 '20 at 13:59
Have updated the code to print all the `innerlabel`s. Please check – Nithish Jun 25 '20 at 14:03
its printing undefined @Nithish Gandesiri – Rspp Jun 25 '20 at 14:04
I think there's some change in the initial data provided in the question and the current data, I have updated the answer as per the updated question. Please check now. – Nithish Jun 25 '20 at 14:09

score 0 · Answer 2 · answered Jun 25 '20 at 13:52

You can take Object.values() of the object and get its first position:

var set1 = {
  men: { value: "men", label: "Men", type: "select", "options": [ {innerlabel: "boy", value_string: "1"}, {label: "Guy", value_string: "2"}] },
  women: { value: "women", label: "Women", type: "select", "options": [ {innerlabel: "lady", value_string: "1"} , {label: "girl", value_string: "2"}] },
  kids: { value: "kids", label: "Kids", type: "select" ,"options": [ {innerlabel: "infant", value_string: "1"} , {innerlabel: "baby", value_string: "2"}] },
};

const [firstValue] = Object.values(set1);

console.log(firstValue);

I want to get the label . and innerLabel inside options @gorak — Rspp, Jun 25 '20 at 14:03

get value from inner object of position 0 javascript

2 Answers2