Find key from array of objects the includes a key word - JS

Question

So I have an array of objects that look like this:

 [
  {
    Other: 23,
  },
  {
    Choco: 21,
  },
  {
    Vanila: 10,
  },
  {
    "Other - WA": 2,
  },
  {
    Strawbery: 30,
  },
];

What needs to be done is I have to sort this by showing :

All that have keys 'Other'.
The rest starting from most to least by value.

I figured I could create 2 separate arrays by moving all that have key 'Other' there and the rest in a separate one. Then I simply sort by value and then join the 2 arrays using spread operator. The problem is I can't get it to detect 'Other' in the key and when it does it does it literally not like how 'LIKE' from SQL would do here's the code for now:

let other = pgData.contents[6]?.locCounts?.filter((loc) =>
  Object.keys(loc).includes("Other")
);

It only returns key with "Other" not "Other - WA" like I want to get everything that has the word "Other" in it regardless of whats in front of it.

The root of the problem is the key isn't in a terribly useful/consistent format, leading to this rather nasty situation of having to call Object.keys just to figure out the name, and prohibiting other properties from being added. I recommend a structure like {name: "Other", price: 23} or something like that, then you'll find it much less awkward to work with going forward. — ggorlen
– ggorlen, Commented Mar 22, 2021 at 15:32
I know but the backend is being made by someone else :(. That's why I prefer full stack but this is the pickel I'm in right now. — Hadi Pawar
– Hadi Pawar, Commented Mar 22, 2021 at 15:35
Yes, you can perform a one-off, up-front normalization procedure, then it's smooth sailing. The problem with the given answers is that even after sorting, the structure is still fundamentally awkward to work with and you'll still need to call Object.keys(el)[0]/Object.values(el)[0] every time you use the array when you could be doing the much more intuitive el.name/el.price (or whatever the k/v pair represents--hard to know under the current format). — ggorlen
– ggorlen, Commented Mar 22, 2021 at 15:36
Searching the keys is unnecessary since the data structure already shows you have one element in each key array. Simply [0] it. — Endothermic_Dragon
– Endothermic_Dragon, Commented Mar 22, 2021 at 15:38

Barmar · Accepted Answer · 2021-03-22 15:35:26Z

2

includes() on an iterator does an exact match against the elements, not a substring match. Use find() with a callback function that performs a substring match. You can use includes on the key to check for a substring there.

Object.keys(loc).find(key => key.includes("Other"))

If you want to make two arrays, you can do it in a single loop instead of using two calls filter():

let other = [];
let not_other = [];
pgData.contents[6]?.locCounts?.forEach(loc => {
  if (Object.keys(loc).find(key => key.includes("Other"))) {
    other.push(loc);
  } else {
    not_other.push(loc);
}

edited Mar 22, 2021 at 15:35

answered Mar 22, 2021 at 15:29

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

1 Comment

Barmar Over a year ago

Array.prototype.includes() does, String.prototype.includes() doesn't.

Endothermic_Dragon · Accepted Answer · 2021-03-22 15:33:10Z

1

I simply modified your code a bit. Here's a one-liner:

var arr = [{
    Other: 23,
  },
  {
    Choco: 21,
  },
  {
    Vanila: 10,
  },
  {
    "Other - WA": 2,
  },
  {
    Strawbery: 30,
  },
]

var newArr = arr.filter(el => Object.keys(el)[0].includes("Other"))

console.log(newArr)

answered Mar 22, 2021 at 15:33

Endothermic_Dragon

1,1776 silver badges13 bronze badges

Comments

Mario Perez · Accepted Answer · 2021-03-22 15:40:59Z

1

you could iterate the items and use include on the values like this:

let arrayOfObj = [
  {
    Other: 23,
  },
  {
    Choco: 21,
  },
  {
    Vanila: 10,
  },
  {
    "Other - WA": 2,
  },
  {
    Strawbery: 30,
  },
];

let results = []

arrayOfObj.forEach( (e)=> {
  keys = Object.keys(e)
  others = keys.forEach(
  (e)=> {
    if (e.includes('Other')) {
      results.push(e)
    }
  })
})

console.log(results)

answered Mar 22, 2021 at 15:40

Mario Perez

3,4571 gold badge15 silver badges24 bronze badges

Collectives™ on Stack Overflow

Find key from array of objects the includes a key word - JS

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related