javascript - AngularJS 中的“过滤器”过滤器

Question

我有一个对象数组，我想在键传入“filter”过滤器时提取值。下面是我尝试过的 Controller 代码片段，但我得到的响应类型未定义。请帮我找出哪里出错了。

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);

附注我已在 Controller 中注入(inject) $filter

Answer 1

使用Object.keys和find

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

演示

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);