'filter' filter in AngularJS

Question

I have an array of objects and I want to extract the value when key is passes in 'filter' filter. Below is the controller code snippet I have tried, but the type of response I get is undefined. Please help me in finding where am I going wrong.

var states =  [{"HIMACHAL PRADESH":"HP"},{"JAMMU AND KASHMIR":"JK"},{"JHARKHAND":"JH"},{"KARNATAKA":"KA"},{"KERALA":"KL"},{"MADHYA PRADESH":"MP"},{"MAHARASHTRA":"MH"},{"ORISSA":"OR"}]
var str = "ORISSA";
var abbr = $filter('filter')(states, {key: str}, true).value;
console.log ("ABBR:"+abbr);

P.S. I have injected $filter in the controller

@Prastheesh I am using 'filter' filter provided by AngularJS — Pravin
– Pravin, Commented Apr 12, 2018 at 12:04
You need to create a custom filter for that. Check the answers for this question. It is a similar problem. stackoverflow.com/questions/14788652/… — Kavindra
– Kavindra, Commented Apr 13, 2018 at 3:24

gurvinder372 · Accepted Answer · 2018-04-12 11:21:05Z

1

Use Object.keys and find

var matchedState = states.find( s => Object.keys( s )[0] == str );
var abbr = matchedState ? matchedState[str] : ""

Demo

var states = [{
  "HIMACHAL PRADESH": "HP"
}, {
  "JAMMU AND KASHMIR": "JK"
}, {
  "JHARKHAND": "JH"
}, {
  "KARNATAKA": "KA"
}, {
  "KERALA": "KL"
}, {
  "MADHYA PRADESH": "MP"
}, {
  "MAHARASHTRA": "MH"
}, {
  "ORISSA": "OR"
}]
var str = "ORISSA";
var matchedState = states.find(s => Object.keys(s)[0] == str);
var abbr = matchedState ? matchedState[str] : ""
console.log(abbr);

answered Apr 12, 2018 at 11:21

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

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

2 Comments

Pravin Over a year ago

Thanks Gurvinder. The solution is working fine. Wanted to know if it can be done with filter in AngularJs

gurvinder372 Over a year ago

Sorry, I am not aware how to use filter in AngularJS to solve your problem. Vanilla JS solutions works for me, so never needed another library for such trivial tasks :)

Collectives™ on Stack Overflow

'filter' filter in AngularJS

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related