在 es6 中解析 object 时，如果值存在于 object 中，则存储变量

Question

I have an object like the following:

{
"_attrib": {
    "PieChart": "T",
    "ProductSettings": "true"
},
"WATER": {
    "_attrib": {
        "Step": "5",
        "ProgressAdjust": "41",
    }
},
"TEMP": {
    "_attrib": {
        "Argument": "F7",
        "Default": "00"
    },
    "ITEM": [
        {
            "_attrib": {
                "Name": "Low",
            }
        },
        {
            "_attrib": {
                "Name": "Normal",
            }
        },
        {
            "_attrib": {
                "Name": "High",
            }
        }
    ]
  }
}

what I need to parse is to find where ProgressAdjust is set and then add the name in this case WATER into an array,

I have the following code however the array has all the names (ie: _attrib, water, temp).

export const productCustomizationOptions = (product: any) => {
  const options = [];
  Object.entries(product.product).forEach((item1, index1) => {
    Object.values(item1[1]).forEach((item2) => {
      if (item2.ProgressAdjust !== 'undefined') {
        options.push(item1[0]);
      }
    });
 });
 console.log('customization options: ', options);
};

any help would be appreciated.

Answer 1

• Using Object.entries convert the object into an array of key/value pairs
• Filter this array using Array#filter and Optional Chaining (?.)

The optional chaining operator (?.) enables you to read the value of a property located deep within a chain of connected objects without having to check that each reference in the chain is valid.

• Finally using Array#map extract out only the keys

 const obj = {_attrib:{PieChart:"T",ProductSettings:"true"},WATER:{_attrib:{Step:"5",ProgressAdjust:"41"}},TEMP:{_attrib:{Argument:"F7",Default:"00"},ITEM:[{_attrib:{Name:"Low"}},{_attrib:{Name:"Normal"}},{_attrib:{Name:"High"}}]}}, res = Object.entries(obj).filter(([, o]) => o?._attrib?.ProgressAdjust).map(([k]) => k) console.log(res)