How to filter data with lodash

Question

I have code as follows:

data = [
  {id: "15130", state: "INITIAL"},
  {id: "15129", state: "LOCKED"},
  {id: "10314", state: "APPROVED"},
  {id: "51", state: "APPROVED"},
  {id: "10313", state: "APPROVED_LOCKED"},
  {id: "10315", state: "APPROVED_LOCKED"}
]

filters = [{id: "2", name: "LOCKED", count: 2}]

let result = []

_.forEach(data, (ca) => {  
  if (filters.length > 0) {
    if (!_.some(filters, (item) => item.name === ca.state.includes('LOCKED') ? "LOCKED" : ca.state))
      return;
  }
  result.push(ca);
});

console.log(result)

I want to get all records from data where state includes "LOCKED". Thus result should be:

result = [
  {id: "15129", state: "LOCKED"},
  {id: "10313", state: "APPROVED_LOCKED"},
  {id: "10315", state: "APPROVED_LOCKED"}
]

But I get all records in result.

Here is the fiddle.

Any idea what I do wrong?

does count have a meaning here?

Nina Scholz
– Nina Scholz

2019-05-23 07:08:29 +00:00
Commented May 23, 2019 at 7:08 — Nina Scholz
– Nina Scholz, Commented May 23, 2019 at 7:08
@NinaScholz No. Its only name what matters.

Boky
– Boky

2019-05-23 07:09:17 +00:00
Commented May 23, 2019 at 7:09 — Boky
– Boky, Commented May 23, 2019 at 7:09

wentjun · Accepted Answer · 2019-05-23 07:07:36Z

2

No need for Lodash, you can use Vanilla JavaScript's Array.filter(), followed by Array.includes() which checks if the string value in state contains the string 'LOCKED'.

const data = [
  {id: "15130", state: "INITIAL"},
  {id: "15129", state: "LOCKED"},
  {id: "10314", state: "APPROVED"},
  {id: "51", state: "APPROVED"},
  {id: "10313", state: "APPROVED_LOCKED"},
  {id: "10315", state: "APPROVED_LOCKED"}
]

const res = data.filter(obj => obj['state'].includes('LOCKED'));

console.log(res);

However, do take note that Array.includes() is not as widely supported.

edited May 23, 2019 at 7:07

answered May 23, 2019 at 7:05

wentjun

42.8k10 gold badges108 silver badges116 bronze badges

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

5 Comments

Boky Over a year ago

I can also have filters = [{id: "2", name: "LOCKED", count: 2}, {id: "1", name: "APPROVED", count: 2}]

wentjun Over a year ago

@Boky I see! Basically, filter the records whereby state can include 'LOCKED' or 'APPROVED'?

Boky Over a year ago

APPROVED is always APPROVED, but with LOCKED I can have LOCKED_APPROVED, LOCKED_INITIAL and LOCKED. Thus for APPROVED I do not need includes, it can be === but for LOCKED I need includes.

VLAZ Over a year ago

I think it would be cleaner to have a list of exact matches you want to exclude, rather than do a partial match on the state. Imagine in the future a state shows up that's "UNLOCKED", at which point it partially matches "LOCKED" and it gets filtered out. EDIT: just to clarify - this was aimed at OP. This solution only follows OP's request.

wentjun Over a year ago

In that case, it follows a similar logic - iterate through the list of filters, and conditionally handle it based on the state?

Nina Scholz · Accepted Answer · 2019-05-23 07:17:08Z

0

You could filter the array by checking each name of the filters array.

var data = [{ id: "15130", state: "INITIAL" }, { id: "15129", state: "LOCKED" }, { id: "10314", state: "APPROVED" }, { id: "51", state: "APPROVED" }, { id: "10313", state: "APPROVED_LOCKED" }, { id: "10315", state: "APPROVED_LOCKED" }],
    filters = [{ id: "2", name: "LOCKED", count: 2 }, { id: "1", name: "APPROVED", count: 2 }],
    result = data.filter(({ state }) => filters.some(({ name }) => state.includes(name)));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

answered May 23, 2019 at 7:17

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

Comments

sachin kalekar · Accepted Answer · 2019-05-23 07:17:39Z

0

const allowedStatus = ["APPROVED_LOCKED", "LOCKED" ];

data.filter(filter => allowedStatus.includes(filter.state));

You can have an array with allowd status and filter the data with that. Try above code.

answered May 23, 2019 at 7:17

sachin kalekar

5363 silver badges9 bronze badges

Comments

leopal · Accepted Answer · 2019-05-23 07:34:42Z

0

How to do it with lodash:

Since you do not need to modify the original array, you may use _.filter . The required arguments are the input array and the predicate which will be used to filter the provided array.

    const data = [
      {id: "15130", state: "INITIAL"},
      {id: "15129", state: "LOCKED"},
      {id: "10314", state: "APPROVED"},
      {id: "51", state: "APPROVED"},
      {id: "10313", state: "APPROVED_LOCKED"},
      {id: "10315", state: "APPROVED_LOCKED"}
    ]

    const result = _.filter(data, (elem => {return elem.state.includes("LOCKED")}));

    console.log(result);

<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>

In case you want to modify the original array, _.remove is an option.

edited May 23, 2019 at 7:34

answered May 23, 2019 at 7:28

leopal

4,9791 gold badge28 silver badges35 bronze badges

Comments

Jack Bashford · Accepted Answer · 2019-05-23 08:23:50Z

0

You can use pure JS:

 

const data = [
  {id: "15130", state: "INITIAL"},
  {id: "15129", state: "LOCKED"},
  {id: "10314", state: "APPROVED"},
  {id: "51", state: "APPROVED"},
  {id: "10313", state: "APPROVED_LOCKED"},
  {id: "10315", state: "APPROVED_LOCKED"}
];

const res = data.filter(({ state }) => state.includes("LOCKED"));

console.log(res);

 

.as-console-wrapper { max-height: 100% !important; top: auto; }

answered May 23, 2019 at 8:23

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Collectives™ on Stack Overflow

How to filter data with lodash

5 Answers 5

5 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related