How to get an Key value pair from a array of objects in angular

Question

Sample array of objects:

{"29": "DTE Queue", "30": "Services Reporting Sales", "31": "Services Reporting Ops", "41": "UPLOAD", "55": "Support Report"}.

I'm getting input from user as 'sup'. Then output should be {"55": "Support Report"}.

function getKeyByValue(object, value) {
  return Object.keys(object).find((key) => object[key] === value);
}

Your "sample array of objects" is one object, not an array of objects. — user16540390
– user16540390, Commented Jan 30, 2023 at 10:17

score 1 · Accepted Answer · 2023-01-30 10:25:18Z

1

You can convert the object to an array of entries, find the entry and convert it back to an object:

const obj = {"29": "DTE Queue", "30": "Services Reporting Sales", "31": "Services Reporting Ops", "41": "UPLOAD", "55": "Support Report"};

function getObjectByValue(object, value) {
  try {
    return Object.fromEntries([Object.entries(object).find(([key, val]) => val.toLowerCase().includes(value.toLowerCase()))]);
  } catch (err) {
    console.error('Object not found');
    return {};
  }
}

console.log(getObjectByValue(obj, 'sup'));
console.log(getObjectByValue(obj, 'sup2'));

edited Jan 30, 2023 at 10:25

answered Jan 30, 2023 at 10:21

user16540390

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

6 Comments

Ankit Agarwal Over a year ago

This will give error in Object.fromEntries() if the item is not found for that particular value

DIMPLE PANDA Over a year ago

Property 'toLowerCase' does not exist on type 'unknown'. I'm getting this error for val.toLowerCase()

DIMPLE PANDA Over a year ago

Thanks jabaa and ankit. I just did a modification by giving datatype object inside parameter. It worked like a gem :)

user16540390 Over a year ago

@DIMPLEPANDA Property 'toLowerCase' does not exist on type 'unknown'. That's a TypeScript error. You have to type the parameters.

DIMPLE PANDA Over a year ago

when I search services Im getting 30: services reporting sales but I should also get 31:services reporting ops along with it. Any idea what shd I add?

|

Salwa A. Soliman · Accepted Answer · 2023-01-30 13:18:00Z

1

const obj = {
  "29": "DTE Queue",
  "30": "Services Reporting Sales",
  "31": "Services Reporting Ops",
  "41": "UPLOAD",
  "55": "Support Report"
};

console.log(getKeyByValue(obj, 'sup'))

function getKeyByValue(obj, value) {
  const matchedEntry = Object.entries(obj).find(entry => entry[1].toLowerCase().match(value.toLowerCase()));

  return matchedEntry && Object.fromEntries([matchedEntry])
}

edited Jan 30, 2023 at 13:18

answered Jan 30, 2023 at 13:09

Salwa A. Soliman

7661 gold badge5 silver badges13 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2023-01-30 10:22:12Z

0

You can use Object.entries() and Object.fromEntries() for the result you are expecting:

const obj = {
  "29": "DTE Queue",
  "30": "Services Reporting Sales",
  "31": "Services Reporting Ops",
  "41": "UPLOAD",
  "55": "Support Report"
};

function getKeyByValue(object, value) {
  const res = Object.entries(object).find((arr) => arr.includes(value));
  if (res) {
    return Object.fromEntries([res]);
  }
}

console.log(getKeyByValue(obj, 'Support Report'));

answered Jan 30, 2023 at 10:22

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

3 Comments

DIMPLE PANDA Over a year ago

if I console res then I'm getting undefined. Also we should convert to lower case and compare right?

Ankit Agarwal Over a year ago

Share your code @DIMPLEPANDA

DIMPLE PANDA Over a year ago

getKeyByValue(obj,value){ console.log(obj,value); console.log(Object.keys(obj)); console.log(Object.values(obj)); try{ return (<any>Object).fromEntries([Object.entries(obj).find(([key, val]) => val.toLowerCase().includes(value.toLowerCase()))]); } catch(err){ console.error('Object not found'); return {} } }

Collectives™ on Stack Overflow

How to get an Key value pair from a array of objects in angular

3 Answers 3

6 Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related