Javascript检查数组中的每个元素

Question

我有这个代码：

var newStatus = (status, subStatus) => {
  if(status === 'CREATED' && 
         (subStatus === 'subStatus1' || 'subStatus2' || 'subStatus3')){
    return 'CONFIRMED';
  } else if(status === 'CANCELLED' && 
         (subStatus === 'subStatus4' || 'subStatus5' || 'subStatus6')){
    return 'REMOVED';
  } else if(status === 'REVIEW' && 
        (subStatus === 'subStatus7' || 'subStatus8' || 'subStatus9')){
    return 'CHECKED';
  }
}

<div>newStatus('CREATED', 'subStatus2')</div>

在这种情况下，div 必须使用值 'CONFIRMED' 呈现。 我相信这个逻辑有一个错误，我需要 'subStatus' 作为一个数组并以某种方式检查每个元素，但我怎样才能做到这一点？

有人可以帮助我解决如何正确实现此逻辑的解决方案吗？

Answer 1

您可以创建子状态的映射，然后对于唯一的子状态，检查它是否也具有预期状态，如果是，则返回新状态：

 subStatuses = { "subStatus1": { "expectedStatus": "CREATED", "newStatus": "CONFIRMED" }, "subStatus2": { "expectedStatus": "CREATED", "newStatus": "CONFIRMED" }, "subStatus3": { "expectedStatus": "CREATED", "newStatus": "CONFIRMED" }, "subStatus4": { "expectedStatus": "CANCELLED", "newStatus": "REMOVED" }, "subStatus5": { "expectedStatus": "CANCELLED", "newStatus": "REMOVED" }, "subStatus6": { "expectedStatus": "CANCELLED", "newStatus": "REMOVED" }, "subStatus7": { "expectedStatus": "REVIEW", "newStatus": "CHECKED" }, "subStatus8": { "expectedStatus": "REVIEW", "newStatus": "CHECKED" }, "subStatus9": { "expectedStatus": "REVIEW", "newStatus": "CHECKED" }, } function newStatus( status, subStatus ) { if ( subStatus in subStatuses && status === subStatuses[subStatus].expectedStatus ) { return subStatuses[subStatus].newStatus; } return undefined; } element = document.getElementById( "to_check" ); element.innerText = newStatus( element.getAttribute( "status" ), element.getAttribute( "substatus" ) );

 <div id="to_check" status="CREATED" substatus="subStatus2" />

Answer 2

您可以使用一个对象将每个子数组映射到正确的状态，这样您就不需要为所有可能的结果添加多个 if 语句。 您可以只更新对象。

 const statusMap = { created: { sub: ['subStatus1', 'subStatus2', 'subStatus3'], value: 'CONFIRMED', }, cancelled: { sub: ['subStatus4', 'subStatus5', 'subStatus6'], value: 'REMOVED', }, review: { sub: ['subStatus7', 'subStatus8', 'subStatus9'], value: 'CHECKED', }, }; const newStatus = (status, subStatus, statusMap) => { // Turn the status to lowercase const lower = status.toLowerCase(); // Return if it doesn't exist if(!statusMap[lower]) return; // Get sub array and return value const {sub, value} = statusMap[lower]; // If the item exist in the sub array return the value if(sub.includes(subStatus)) return value; } const status1 = newStatus('CREATED', 'subStatus2', statusMap); const status2 = newStatus('CANCELLED', 'subStatus6', statusMap); const status3 = newStatus('REVIEW', 'subStatus7', statusMap); console.log(status1); console.log(status2); console.log(status3);

Answer 3

您的代码存在大问题。 这个比较：

subStatus === 'subStatus1' || 'subStatus2' || 'subStatus3'

如果subStatus的值为'subStatus1'则返回true 。 如果不是，它将返回true因为'subStatus2'将被解释为 true。
如果要检查subStatus是否具有subStatus1或subStatus2或subStatus1的值之一，则应将这些值包含在如下数组中：

const SUB_STATUSES = ['subStatus1', 'subStatus2', 'subStatus3'];

然后，您将不得不像这样使用 JavaScript 的数组方法includes() ：

SUB_STATUSES.includes(subStatus)

如果subStatus的值包含在SUB_STATUSES ，则返回true 。 您可以在此处查看文档Array.prototype.includes()

修改后，您的代码应如下所示：

const SUB_STATUSES1 = ['subStatus1', 'subStatus2', 'subStatus3'];
const SUB_STATUSES2 = ['subStatus4', 'subStatus5', 'subStatus6'];
const SUB_STATUSES3 = ['subStatus7', 'subStatus8', 'subStatus9'];
const newStatus = (status, subStatus) => {
    if (
        status === 'CREATED' && SUB_STATUSES1.includes(subStatus)
    ) {
        return 'CONFIRMED';
    }
    if (
        status === 'CANCELLED' && SUB_STATUSES2.includes(subStatus)
    ) {
        return 'REMOVED';
    }
    if (
        status === 'REVIEW' && SUB_STATUSES3.includes(subStatus)
    ) {
        return 'CHECKED';
    }
};

除此之外，可能还有另一个问题，因为可能有一些情况会绕过这些条件。