【问题标题】:Javascript nested array check value exist or notJavascript嵌套数组检查值是否存在
【发布时间】:2021-08-05 08:35:15
【问题描述】:

我正在为我的应用程序使用 React。我正在尝试制作一个送餐应用程序。在我的应用程序中有多家餐厅。有些餐厅有送货时间,有些没有。所有餐厅都有下一个 7 天的日期。

有些餐厅没有前两天的送货时间,但之后餐厅有一周剩余时间的送货时间。有些餐厅在接下来的 7 天内根本没有送货时间。

我想创建一个辅助函数来检查餐厅数据中是否有送货时间。

PS:我正在努力学习单元测试。如果你展示那就太棒了 我如何对我的辅助函数进行单元测试。

这是我的示例数据,其中有日期和交货时间:

 {
  deliveryMethod: "PICKUP",
  deliverySlots: [
    {
      date: "2021-08-04",
      deliveryTimes: [],
    },
    {
      date: "2021-08-05",
      deliveryTimes: [],
    },
    {
      date: "2021-08-06",
      deliveryTimes: [],
    },
    {
      date: "2021-08-07",
      deliveryTimes: [
        {
          time: "16:30-17:00",
          validFrom: "2020-08-07",
          validUntil: "2023-08-07",
        },
        { 
          time: "18:00-19:00",
          validFrom: "2020-08-07",
          validUntil: "2023-08-07",
        },
      ],
    },
  ],
}

这是我的示例数据,其中有日期但没有交货时间:

 {
  deliveryMethod: "PICKUP",
  deliverySlots: [
    {
      date: "2021-08-04",
      deliveryTimes: [],
    },
    {
      date: "2021-08-05",
      deliveryTimes: [],
    },
    {
      date: "2021-08-06",
      deliveryTimes: [],
    },
    {
      date: "2021-08-07",
      deliveryTimes: [],
    },
  ],
}

将值传递给函数后,我坚持如何检查是否存在任何交货时间。

const deliveryArea = {
  deliveryMethod: "PICKUP",
  deliverySlots: [
    {
      date: "2021-08-04",
      deliveryTimes: [],
    },
    {
      date: "2021-08-05",
      deliveryTimes: [],
    },
    {
      date: "2021-08-06",
      deliveryTimes: [],
    },
    {
      date: "2021-08-07",
      deliveryTimes: [
        {
         
          time: "16:30-17:00",
          validFrom: "2020-08-07",
          validUntil: "2023-08-07",
        },
        {
         
          time: "18:00-19:00",
          validFrom: "2020-08-07",
          validUntil: "2023-08-07",
        },
      ],
    },
    {
      date: "2021-08-08",
      deliveryTimes: [
        {
         
          time: "16:30-17:00",
          validFrom: "2020-08-08",
          validUntil: "2023-08-08",
        },
        {
        
          time: "18:00-19:00",
          validFrom: "2020-08-07",
          validUntil: "2023-08-07",
        },
      ],
    },
    {
      date: "2021-08-09",
      deliveryTimes: [],
    },
    {
      date: "2021-08-10",
      deliveryTimes: [
        {
         
          time: "16:30-17:00",
          validFrom: "2020-08-10",
          validUntil: "2023-08-10",
        },
        {
         
          time: "18:00-19:00",
          validFrom: "2020-08-10",
          validUntil: "2023-08-10",
        },
      ],
    },
  ],
};

const helperFunction = (deliveryArea) => {
  console.log(deliveryArea); // in here i stuck
};

helperFunction(deliveryArea);

【问题讨论】:

  • 关于你的“PS”:这有点过分了。 Stack Overflow 可以帮助您解决可能遇到的特定问题,但我认为没有人愿意在这里提供完整的教程。 (另外,一个问题应该只涉及一个特定的问题)选择一个单元测试框架,并且应该有一个文档和关于如何使用它的附加在线材料。然后为了测试这个特定的功能,只需提供两个示例对象,如this question,并确保该函数按预期返回true或false。

标签: javascript arrays function


【解决方案1】:

您可以使用Array.prototype.some() 来检查是否存在至少一个deliverytimes 不为空的插槽:

const deliveryArea = { deliveryMethod: "PICKUP", deliverySlots: [{date: "2021-08-04", deliveryTimes: [],},{date: "2021-08-05", deliveryTimes: [],},{date: "2021-08-06", deliveryTimes: [],},{date: "2021-08-07", deliveryTimes: [{startTime: 600,time: "16:30-17:00", validFrom: "2020-08-07", validUntil: "2023-08-07", },{startTime: 660,time: "18:00-19:00", validFrom: "2020-08-07", validUntil: "2023-08-07", },],},{date: "2021-08-08", deliveryTimes: [],},{date: "2021-08-09", deliveryTimes: [],},{date: "2021-08-10", deliveryTimes: [{startTime: 600,time: "16:30-17:00", validFrom: "2020-08-10", validUntil: "2023-08-10", },{startTime: 660,time: "18:00-19:00", validFrom: "2020-08-10", validUntil: "2023-08-10", },],},],};
const deliveryAreaWithNoDeliveryTimes = { deliveryMethod: "PICKUP", deliverySlots: [{date: "2021-08-04", deliveryTimes: [],},{date: "2021-08-05", deliveryTimes: [],},{date: "2021-08-06", deliveryTimes: [],},{date: "2021-08-07", deliveryTimes: [],},],};

// will return true if there are any delivery times defined, false otherwise
const hasDeliveryTimes = (deliveryArea) => {
  return deliveryArea.deliverySlots.some((slot) => {
    return slot.deliveryTimes.length;
  });
};

console.log(hasDeliveryTimes(deliveryArea));
console.log(hasDeliveryTimes(deliveryAreaWithNoDeliveryTimes));

【讨论】:

  • 我好像没看懂问题...返回值对应函数名。使用! 否定绝对没问题...或者只是切换您的返回语句。
  • 我还是不明白,对不起!如果它已经构建好了,你将如何插入你的辅助函数?
  • 我不明白! 有什么问题...您可以将它放在函数内返回值的前面:return slot.deliveryTimes.length; 但函数名称应该是@987654328 @...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-06-11
  • 2013-10-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多