Use lodash to create array from object by property name

Question

I have an object that I need to turn into an array of data, based on a specific key.

Here is my original object:

{
  "centerID": "6",
  "marketID": "1",
  "invoiceGroupID": "4",
  "blocks": [
    {
      "name": "Monday-Friday 11:00AM-3:00PM",
      "isChecked": true
    },
    {
      "name": "Monday-Friday 7:00AM-11:00AM",
      "isChecked": false
    },
    {
      "name": "Saturday-Sunday 2:00PM-8:00PM",
      "isChecked": true
    }
  ],
  "bankedHoursYN": "N"
}

Currently, I am using filter to only provide me the blocks where isChecked = true by using _.filter(this.mappingForm.get('blocks').value, { isChecked: true }).

The result of this leaves me with:

{
  "centerID": "6",
  "marketID": "1",
  "invoiceGroupID": "4",
  "blocks": [
    {
      "name": "Monday-Friday 11:00AM-3:00PM",
      "isChecked": true
    },
    {
      "name": "Saturday-Sunday 2:00PM-8:00PM",
      "isChecked": true
    }
  ],
  "bankedHoursYN": "N"
}

This works fine, leaving me with an array of two objects.

My end result is to just have an array of the name values.

Expected Output:

{
  "centerID": "6",
  "marketID": "1",
  "invoiceGroupID": "4",
  "blocks": ['Monday-Friday 11:00AM-3:00PM','Saturday-Sunday 2:00PM-8:00PM'],
  "bankedHoursYN": "N"
}

Does lodash have a built in way to handle this?

@brk "blocks": ['Monday-Friday 11:00AM-3:00PM','Saturday-Sunday 2:00PM-8:00PM'], — SBB
– SBB, Commented Aug 27, 2018 at 14:57
@Erubiel The original object has blocks which is an array of objects. I want that to only be an array of values (not contain name and isChecked). — SBB
– SBB, Commented Aug 27, 2018 at 15:00
Possible duplicate of From an array of objects, extract value of a property as array — Heretic Monkey
– Heretic Monkey, Commented Aug 27, 2018 at 15:03

Ori Drori · Accepted Answer · 2018-08-27 16:00:30Z

1

You can chain _.filter(), and _.map() to get the just the names of the blocks with isChecked: true:

const data = { "centerID": "6", "marketID": "1", "invoiceGroupID": "4", "blocks": [ { "name": "Monday-Friday 11:00AM-3:00PM", "isChecked": true }, { "name": "Monday-Friday 7:00AM-11:00AM", "isChecked": false }, { "name": "Saturday-Sunday 2:00PM-8:00PM", "isChecked":true } ], "bankedHoursYN": "N" };

data.blocks = _(data.blocks)
  .filter('isChecked')
  .map('name')
  .value();
  
console.log(data);

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

answered Aug 27, 2018 at 16:00

Ori Drori

196k32 gold badges243 silver badges233 bronze badges

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

Comments

Hassan Imam · Accepted Answer · 2018-08-27 15:09:52Z

0

After filtering the blocks, you can use map and concat to join the name of block object.

var data = { "centerID": "6", "marketID": "1", "invoiceGroupID": "4", "blocks": [ { "name": "Monday-Friday 11:00AM-3:00PM", "isChecked": true }, { "name": "Monday-Friday 7:00AM-11:00AM", "isChecked": false }, { "name": "Saturday-Sunday 2:00PM-8:00PM", "isChecked":true } ], "bankedHoursYN": "N" };
data.blocks = _.chain(data.blocks).filter({ isChecked: true }).map(({name}) => name).concat().value();
console.log(data);

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

answered Aug 27, 2018 at 15:09

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Comments

connexo · Accepted Answer · 2018-08-27 15:22:25Z

0

Does lodash have a built in way to handle this?

I don't know, but Javascript has.

Use Array.prototype.filter() and chain Array.prototype.map():

let obj = {
  "centerID": "6",
  "marketID": "1",
  "invoiceGroupID": "4",
  "blocks": [
    {
      "name": "Monday-Friday 11:00AM-3:00PM",
      "isChecked": true
    },
    {
      "name": "Monday-Friday 7:00AM-11:00AM",
      "isChecked": false
    },
    {
      "name": "Saturday-Sunday 2:00PM-8:00PM",
      "isChecked": true
    }
  ],
  "bankedHoursYN": "N"
}

obj.blocks = obj.blocks.filter(i=>i.isChecked).map(i=>i.name)

console.log(obj)

If you need to use ES5:

obj.blocks = obj.blocks
  .filter(function(i) { return i.isChecked })
  .map(function(i) { return i.name });

edited Aug 27, 2018 at 15:22

answered Aug 27, 2018 at 15:09

connexo

57.3k15 gold badges112 silver badges150 bronze badges

Comments

Koushik Chatterjee · Accepted Answer · 2018-08-29 09:46:03Z

If you are searching for what built in functionality is there for performing map and filter together, then you can always combine map and filter operation in a single reduce (whether in lodash or in plain vanilla JS) to iterate the array only once.

So, the structure will be:

<Array>.reduce((res, each) => (<filter condition> && res.push(<mapped data>), res), [])

So, In your case: obj.blocks.reduce((r, b) => (b.isChecked && r.push(b.name), r), [])

var obj = {
  "centerID": "6",
  "marketID": "1",
  "invoiceGroupID": "4",
  "blocks": [
    {
      "name": "Monday-Friday 11:00AM-3:00PM",
      "isChecked": true
    },
    {
      "name": "Monday-Friday 7:00AM-11:00AM",
      "isChecked": false
    },
    {
      "name": "Saturday-Sunday 2:00PM-8:00PM",
      "isChecked": true
    }
  ],
  "bankedHoursYN": "N"
};

obj.blocks = obj.blocks.reduce((r, b) => (b.isChecked && r.push(b.name), r), []);

console.log(obj)

However, I will suggest you not to mutate and make a copy of your original object and override the blocks on the copy to make it a fresh output.

Prateek · Accepted Answer · 2018-08-29 11:07:38Z

0

var data.blocks = .map(.filter(data.blocks,function(o) { return o.isChecked===true; }),'name');

answered Aug 29, 2018 at 11:07

Prateek

284 bronze badges

Collectives™ on Stack Overflow

Use lodash to create array from object by property name

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related