如何捕获数组中的匹配计数值？

Question

我有一个x可以具有以下值的数组：0: {status: "completed", count: 2}1: {status: "pending", count: 3}现在，如果状态匹配，pending那么我想捕获相应的值count。我写了以下代码：if (x?.length) {PendingCount = x[1].count;completedCount = x[0].count;}这并不总是给出所需的输出，因为pending状态不一定总是在x[0]

Answer 1

我会使用 Array.prototype.find 来查找具有待定状态的项目，然后获取其 count 属性，如下所示：

const { count } = x.find(({ status } = {}) => status === 'pending') || {}:

如果存在未决状态，这将为您提供计数，如果不存在，则为未定义状态。我在这里使用了解构和默认语法，如果您不熟悉它们，请查看我链接的文章。

Answer 2

您可以使用过滤器，将找到所有具有待处理状态的元素

const data = [{

    status: "completed",

    count: 2

  },

  {

    status: "pending",

    count: 3

  }

];

const pending = data.filter(s => s.status === "pending");

console.log(pending.length ? "got pending" : "no pending")

console.log(pending.map(i=>i.count))

Answer 3

如果保证只有 1 个元素带有 "pending" status，那么使用Array.prototype.find根据其属性值查找元素似乎是合适的status：

const pendingCount = [{

  status: "completed",

  count: 2

}, {

  status: "pending",

  count: 3

}].find(el => el.status === "pending").count;

console.dir(`pending count = ${pendingCount}`);

如果数组中有多个“待定”项目并且您需要获取所有项目的总和，那么使用 Array.prototype.filter （删除所有非“待定”项目）然后使用Array.prototype 可能最有意义。减少结果filter以添加counts。

const pendingSum = [{

    status: "completed",

    count: 2

  }, {

    status: "pending",

    count: 3

  }, {

    status: "pending",

    count: 5

  }, {

    status: "pending",

    count: 5

  }]

  .filter(el => el.status === "pending")

  .reduce((sum, el) => sum += el.count, 0);

console.dir(`sum of pending items count = ${pendingSum}`);

Answer 4

const array = [

  {status: "completed", count: 2},

  {status: "pending", count: 3}

];

const pending = array.find(s => s.status === "pending");

if (pending) {

   // Do whatever you want.

}