Push destructured values from one array to another

Question

I'm slightly stuck with the ES6 array.prototype methods and don't really know how to implement this properly. The goal is to map the following object (let's assume it's called attribues) and get attribute_label value into a new array. It is also important to check this value to avoid null. The result should be a new array, full of string values:

{
    "size": {
        "attribute_label": "Size",
        "code": null
    },
    "color": {
        "attribute_label": "Color",
        "code": 24
    },
    "material": {
        "attribute_label": "Material",
        "code": null
    }
}

'It is also important to check this value to avoid null' ... you mean check attribute_label is not null or the code property is not null as your example seems to suggest? — Rex Henderson
– Rex Henderson, Commented Mar 23, 2021 at 17:42

cbr · Accepted Answer · 2021-03-23 17:26:22Z

You can use Object.values to grab the values from the object:

const attributes = {
  size: {
    attribute_label: "Size",
    code: null,
  },
  color: {
    attribute_label: "Color",
    code: 24,
  },
  material: {
    attribute_label: "Material",
    code: null,
  },
};

const labels = Object.values(attributes)
  .filter((val) => val !== null) // filter out null values
  .map(({ attribute_label }) => attribute_label);

console.log(labels);
// ["Size", "Color", "Material"]

If the attribute_value itself can be null (instead of the value in the object), just add another .filter() at the end.

const attributes = {
  size: {
    attribute_label: "Size",
    code: null,
  },
  color: {
    attribute_label: "Color",
    code: 24,
  },
  material: {
    attribute_label: "Material",
    code: null,
  },
  another: null,
  another_attribute: {
    attribute_label: null,
    code: null,
  },
};

const labels = Object.values(attributes)
  .filter((val) => val !== null) // filter out null values
  .map(({ attribute_label }) => attribute_label)
  .filter((label) => label !== null); // filter out null labels inside the object

console.log(labels);
// ["Size", "Color", "Material"]

marcos · Accepted Answer · 2021-03-23 17:28:03Z

0

U can use Object.values to create an Array with the content of the Object, then map those values to extract only the attribute_label property and finally filter the Array to skip null values:

const data = {
  "size": {
    "attribute_label": "Size",
    "code": null
  },
  "color": {
    "attribute_label": "Color",
    "code": 24
  },
  "material": {
    "attribute_label": "Material",
    "code": null
  }
};

const values = Object.values(data);
const attributeLabels = values.map(value => value.attribute_label);
const withoutNulls = attributeLabels.filter(label => label !== null);

console.log(withoutNulls)

answered Mar 23, 2021 at 17:28

marcos

4,5101 gold badge13 silver badges26 bronze badges

Comments

alaric · Accepted Answer · 2021-03-23 17:30:12Z

0

You can use Object.values and a forEach to push in a label array

const attributes_labels = []
Object.values(attributes).forEach(attribute => {
   if (attribute.attribute_label) {
     attributes_labels.push(attribute.attribute_label);
   }
  })

answered Mar 23, 2021 at 17:30

alaric

1696 bronze badges

Comments

veryverde · Accepted Answer · 2021-03-23 17:33:24Z

0

I'm beating a dead horse here, but here is my solution, which is very similar to everyone else's:

const data = {
  size: {
    attribute_label: 'Size',
    code: null,
  },
  color: {
    attribute_label: 'Color',
    code: 24,
  },
  material: {
    attribute_label: 'Material',
    code: null,
  },
};

const result = Object.values(data)
  .map(value => value.attribute_label)
  .filter(label => label !== null);

answered Mar 23, 2021 at 17:33

veryverde

4543 silver badges14 bronze badges

Collectives™ on Stack Overflow

Push destructured values from one array to another

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related