如何在不使用索引的情况下访问 JSON 数组值

Question

我已向返回 JSON 数组的 API 发出请求，如下所示：

我的最终目标是获取属性“状态”并找到State: "PR" （或其他状态。我从用户下拉列表中获取状态输入）的所有“事件名称”（s）并将其放入列表中.

我知道我可以使用索引（例如：event_data[0].State 返回“PR”）来获取各个属性，但是如何避免使用索引来获取所有 State 值（或 EventName 值）整个阵列？或者这甚至是明智的？ 我已经尝试过以下方法，但它似乎只是抓住了所有 EventName 值，而不仅仅是“PR”的值。预期的输出应该是“PR”的事件名称列表，例如pr_list = ["Debby 2000", "Dean 2001", "Jeane 2004" ... "Maria 2017"];

pr_list = [];
for (i = 0; i < event_data.length; i++) {
  state_data = event_data[i].State;
  if (state_data = "PR") {
    console.log(event_data[i].EventName)
    pr_list.append(event_data[i].EventName);
  }
}

Answer 1

您可以为此使用Array.filter() 和Array.map()：

filtered_events = event_data.filter(event => (event.State === "PR"));
pr_list = filtered_events.map(event => event.EventName);

---

关于您现有的代码 - 您有一个错字：

if (state_data = "PR") { ... }

应该是：

if (state_data === "PR") { ... }

(more info on MDN)

Answer 2

您可以为此使用Array.filter() 和Array.map()：

pr_list = event_data.filter(event => (event.State === "PR")).map(event => event.EventName)

为了唯一性，请使用Set：

pr_list = [...new Set(event_data.filter(event => (event.State === "PR")).map(event => event.EventName))]

Answer 3

原生方式

const finalArray = [];
const event_data = [{ EventName: 'Event1', State: 'PR' }, { EventName: 'Event2', State: 'PQ' }];
for (i = 0; i < event_data.length; i += 1) {
  element = event_data[i];
  if (element.State === "PR") {
    finalArray.push(element.EventName);
  }
}
console.log(finalArray);

ES6 方式

const event_data = [{ EventName: 'Event1', State: 'PR' }, { EventName: 'Event2', State: 'PQ' }];
const finalArray = event_data.filter((f) => {
  return f.State &&
    f.State === 'PR';
}).map((m) => { return m.EventName; });
console.log(finalArray);

Answer 4

您可以使用array.filter() 函数获取列表状态为PR 和array.map() 函数获取列表中的所有eventId。

var array = [
  {eventId: '1', State: 'PR'},
  {eventId: '2', State: 'AR'},
  {eventId: '3', State: 'PR'}
];

// get all event with State is PR
array = array.filter(function (event) {
  return event.State === "PR";
});

// put all eventId in new array
var eventIds = array.map(function (event) {
   return event.eventId
});

console.log('eventIds:', eventIds);