javascript - 如何过滤数组？

Question

我想检查数组中作为对象的部分。如果它检查一个值并在它存在时为我过滤它怎么办？
我数组:

        [ {description: null
        drive_slots: (4) ['82:17', '82:18', '82:20', '82:22']
        drive_type: "HDD"
        id: 577569},
        {description: null
        drive_slots: (8) ['82:8', '82:9', '82:10', '82:11', '82:12', '82:13', '82:14', '82:15']
        drive_type: "HDD"
        id: 577553
        interface_type: "SAS"},
        {description: null
        drive_slots: (5) ['82:0', '82:1', '82:2', '82:3', '82:4']
        drive_type: "SSD"
        id: 577543
        interface_type: "SATA"}]
 
 if (props.driveData) {
                    props.driveData.map(item => {
                        return drive_slots.push(item)
                    })
                    console.log("???", drive_slots);
                    if (drive_slots) {
                        const drive_filter = drive_slots.filter((drive) => (drive.drive_slots === ('82:17','82:4')));
                        console.log("drive_filter>>>", drive_filter);
                    }
    }

Answer 1

如果您想在搜索过程中打印某些内容，请不要使用 filter : 改为使用 forEach环形。

const props = {
  driveData: [{
      description: null,
      drive_slots: ['82:17', '82:18', '82:20', '82:22'],
      drive_type: "HDD",
      id: 577569
    },
    {
      description: null,
      drive_slots: ['82:8', '82:9', '82:10', '82:11', '82:12', '82:13', '82:14', '82:15'],
      drive_type: "HDD",
      id: 577553,
      interface_type: "SAS",
    },
    {
      description: null,
      drive_slots: ['82:0', '82:1', '82:2', '82:3', '82:4'],
      drive_type: "SSD",
      id: 577543,
      interface_type: "SATA",
    }
  ]
}



if (props.driveData) {
  props.driveData.forEach(
    drive => {
      if (drive.drive_slots) {
        drive.drive_slots.forEach(slot => {
          if (['82:17', '82:4'].includes(slot)) {
            console.log("drive_filter>>>", drive);
          }
        })
      }
    }
  )
}

如果您想过滤适合您指定的任何插槽的驱动器，并打印每个这样的驱动器_once_，那么您确实应该使用过滤器
但是，您不能在进行过程中打印东西，否则您可能会多次打印一个驱动器。
下面的版本读取每个驱动器，并确定它是否包含任何相关插槽。 (目前尚不清楚您的原始条件是如何使用的。)
然后，在读取所有驱动器后，它会筛选出符合条件的驱动器列表。然后打印该列表。

const props = {
  driveData: [{
      description: null,
      drive_slots: ['82:17', '82:18', '82:20', '82:22'],
      drive_type: "HDD",
      id: 577569
    },
    {
      description: null,
      drive_slots: ['82:8', '82:9', '82:10', '82:11', '82:12', '82:13', '82:14', '82:15'],
      drive_type: "HDD",
      id: 577553,
      interface_type: "SAS",
    },
    {
      description: null,
      drive_slots: ['82:0', '82:1', '82:2', '82:3', '82:4'],
      drive_type: "SSD",
      id: 577543,
      interface_type: "SATA",
    }
  ]
}



if (props.driveData) {
  const drivesMeetingCriteria =
    props.driveData.filter(
      drive => drive.drive_slots && (
        drive.drive_slots.filter(
        // See if any of the slots of the drive match any of your search criteria
          slot => ['82:17', '82:4'].includes(slot)).length > 0
      )
    )
  console.log(drivesMeetingCriteria)
}

为什么你不应该使用 .filter在应该打印出来的代码中 .filter是给程序读者的一个线索，你只是在创建一个新数组，它具有前一个数组元素的子集，并且不打算产生其他副作用(例如打印或写入磁盘)。
如果你想遍历一个数组，但有副作用，那么你应该使用 .forEach因为这使读者清楚地知道您正在计划处理每个项目期间的操作。
使用 .filter会起作用，但你不应该这样做，因为

它不必要地创建了一个新数组，然后您将其丢弃

误导了读者

原则上，.filter是可并行化的:您可以要求不同的进程来处理每个元素；他们只需要对是否保留该元素做出"is"或“否”的回应。没有绝对要求按照数组中元素的顺序处理它们。如果您使用过.filter但是需要保留副作用的顺序，然后以某种方式并行化您的程序，您可能会遇到难以识别的间歇性错误。