Filter subset of array of objects based on key

Question

I have the below array of objects. Now I need to filter and create 3 separate array of objects based on the key value.

"data": [
{
  "BaseId": 1,
  "BaseDesc": "18 BHC Baseline",
  "StressId": 5,
  "StressDesc": "Desc 1",
  "bopId": 8,
  "bopDesc": "BOP Desc 1",
},
{
  "BaseId": 1,
  "BaseDesc": "Baseline 2",
  "StressId": 2,
  "StressDesc": "Desc 12",
  "bopId": 8,
  "bopDesc": "BOP Desc 2"
},
{
  "BaseId": 2,
  "BaseDesc": "Baseline 3",
  "StressId": 7,
  "StressDesc": "Desc 3",
  "bopId": 10,
  "bopDesc": "BOP Desc 3"
}

]

Now I need to filter this and create 3 separate array of object such that:

1. BaseData Array Obj


"baseData": [
{
  "BaseId": 1,
  "BaseDesc": "18 BHC Baseline"
},
{
  "BaseId": 1,
  "BaseDesc": "Baseline 2"
},
{
  "BaseId": 2,
      "BaseDesc": "Baseline 3"
    }
  ]

Stress Array Obj:

    "data": [
    {
      "StressId": 5,
      "StressDesc": "Desc 1"
    },
    {
      "StressId": 2,
      "StressDesc": "Desc 12"
    },
    {
      "StressId": 7,
      "StressDesc": "Desc 3"
    }
  ]

And similarly 3rd object for bop data. So if my actual array contains "base*" in the keys, then I need to filter and add to bop Array and same logic goes for other two array of objects.

Can someone please guide me how to achieve this.

automasean · Accepted Answer · 2019-03-13 02:55:22Z

1

How about something like:

const data = [
  {
    BaseId: 1,
    BaseDesc: "18 BHC Baseline",
    StressId: 5,
    StressDesc: "Desc 1",
    bopId: 8,
    bopDesc: "BOP Desc 1"
  },
  {
    BaseId: 1,
    BaseDesc: "Baseline 2",
    StressId: 2,
    StressDesc: "Desc 12",
    bopId: 8,
    bopDesc: "BOP Desc 2"
  },
  {
    BaseId: 2,
    BaseDesc: "Baseline 3",
    StressId: 7,
    StressDesc: "Desc 3",
    bopId: 10,
    bopDesc: "BOP Desc 3"
  }
];

const pickSpecifiedProperties = (startingPropString, arrayOfObjects) =>
  arrayOfObjects.map(obj => {
    const targetKeys = Object.keys(obj).filter(
      keyName =>
        keyName.toLowerCase().indexOf(startingPropString.toLowerCase()) === 0
    );
    return targetKeys.reduce((data, keyName) => {
      const newProperty = { [keyName]: obj[keyName] };
      return { ...data, ...newProperty };
    }, {});
  });

const baseData = pickSpecifiedProperties("Base", data);
const stressData = pickSpecifiedProperties("Stress", data);
const bopData = pickSpecifiedProperties("bop", data);

console.log({ baseData, stressData, bopData });

answered Mar 13, 2019 at 2:55

automasean

4313 silver badges9 bronze badges

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

2 Comments

Sriks Over a year ago

Thank you so much XDgg. This is more robust. Appreciate your help!!

automasean Over a year ago

My pleasure @Sriks :)

Adrian Brand · Accepted Answer · 2019-03-12 23:21:21Z

0

const data = [
{
  "BaseId": 1,
  "BaseDesc": "18 BHC Baseline",
  "StressId": 5,
  "StressDesc": "Desc 1",
  "bopId": 8,
  "bopDesc": "BOP Desc 1",
},
{
  "BaseId": 1,
  "BaseDesc": "Baseline 2",
  "StressId": 2,
  "StressDesc": "Desc 12",
  "bopId": 8,
  "bopDesc": "BOP Desc 2"
},
{
  "BaseId": 2,
  "BaseDesc": "Baseline 3",
  "StressId": 7,
  "StressDesc": "Desc 3",
  "bopId": 10,
  "bopDesc": "BOP Desc 3"
}
];

const getData = (array, prefix) => array.map(item => ({ [prefix + 'Id']: item[prefix + 'Id'], [prefix + 'Desc']: item[prefix + 'Desc'] }));

console.log(getData(data, 'Base'));
console.log(getData(data, 'Stress'));
console.log(getData(data, 'bop'));

answered Mar 12, 2019 at 23:21

Adrian Brand

21.8k4 gold badges46 silver badges67 bronze badges

1 Comment

Sriks Over a year ago

Thank you so much Adrain

Yatin · Accepted Answer · 2019-03-12 23:07:05Z

0

This should work for you. You can also use jQuery.map().

var data = [
{
  "BaseId": 1,
  "BaseDesc": "18 BHC Baseline",
  "StressId": 5,
  "StressDesc": "Desc 1",
  "bopId": 8,
  "bopDesc": "BOP Desc 1",
},
{
  "BaseId": 1,
  "BaseDesc": "Baseline 2",
  "StressId": 2,
  "StressDesc": "Desc 12",
  "bopId": 8,
  "bopDesc": "BOP Desc 2"
},
{
  "BaseId": 2,
  "BaseDesc": "Baseline 3",
  "StressId": 7,
  "StressDesc": "Desc 3",
  "bopId": 10,
  "bopDesc": "BOP Desc 3"
}];

var baseArray = [];
var stressArray = [];

$.each(data, function(idx, val) {

//Handle BaseArray stuff here.
if($.grep(baseArray, function(baseVal){
  return baseVal.BaseId === val.BaseId && baseVal.BaseDesc === val.BaseDesc;
}).length === 0){
  baseArray.push({BaseId: val.BaseId, BaseDesc: val.BaseDesc});
}

//Handle StressArray stuff here.
if($.grep(stressArray, function(stressVal){
  return stressVal.StressId === val.StressId && stressVal.StressDesc === val.StressDesc;
}).length === 0){
  stressArray.push({StressId: val.StressId, StressDesc: val.StressDesc});
}

});

console.log(baseArray);
console.log(stressArray);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

answered Mar 12, 2019 at 23:07

Yatin

1,19811 silver badges15 bronze badges

1 Comment

Adrian Brand Over a year ago

I wouldn't recommend using jQuery unless your project is already including it.

Collectives™ on Stack Overflow

Filter subset of array of objects based on key

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related