在 JavaScript 异步编程中匹配来自 2 个数组的 id - Javascript

当我们需要在两个数组中匹配 ID 时，我们需要在 JavaScript 中使用异步编程技术。

异步编程

异步编程是一种编写代码的方式，可以使代码不会阻止程序的运行。这是因为异步编程使用回调函数和其他技术，在等待操作完成时继续执行其他代码。

JavaScript 中的异步编程通常使用回调函数和 Promise。

匹配两个数组的 ID

假设我们有两个数组，每个数组都包含一些 ID。我们想要找到这两个数组中相同的 ID，我们可以使用异步编程来完成这项任务。

使用回调函数

下面是一个使用回调函数实现的示例代码：

function findCommonIds(ids1, ids2, callback) {
  const commonIds = [];

  ids1.forEach((id1) => {
    checkIfIdExists(id2, id1, (idExists) => {
      if (idExists) {
        commonIds.push(id1);
      }
      if (ids1.indexOf(id1) === ids1.length - 1) {
        callback(commonIds);
      }
    });
  });
}

function checkIfIdExists(ids, id, callback) {
  const exists = ids.indexOf(id) !== -1;
  setTimeout(() => {
    callback(exists);
  }, 0);
}

const ids1 = [1, 2, 3, 4, 5];
const ids2 = [2, 4, 6, 8, 10];

findCommonIds(ids1, ids2, (commonIds) => {
  console.log(commonIds); // [2, 4]
});

在这个例子中，我们定义了一个函数 findCommonIds，它接受两个数组 ids1 和 ids2，以及一个回调函数 callback。我们定义了一个数组 commonIds，当找到一个相同的 ID 时，我们将其添加到这个数组中。forEach 循环遍历 ids1 数组，使用 checkIfIdExists 函数检查 id1 是否存在于 ids2 数组中。如果存在，就把它添加到 commonIds 数组中。

回调函数的使用使得我们的代码非常具有扩展性。如果我们想在 checkIfIdExists 函数中添加一些额外的逻辑，这并不会对我们的代码造成任何影响。

使用 Promise

下面是一个使用 Promise 实现的示例代码：

function findCommonIds(ids1, ids2) {
  const promises = [];

  ids1.forEach((id1) => {
    promises.push(
      new Promise((resolve) => {
        checkIfIdExists(ids2, id1).then((idExists) => {
          if (idExists) {
            resolve(id1);
          } else {
            resolve(null);
          }
        });
      })
    );
  });

  return Promise.all(promises).then((results) => {
    return results.filter((id) => {
      return id !== null;
    });
  });
}

function checkIfIdExists(ids, id) {
  const exists = ids.indexOf(id) !== -1;
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve(exists);
    }, 0);
  });
}

const ids1 = [1, 2, 3, 4, 5];
const ids2 = [2, 4, 6, 8, 10];

findCommonIds(ids1, ids2).then((commonIds) => {
  console.log(commonIds); // [2, 4]
});

在这个例子中，我们定义了一个函数 findCommonIds，它接受两个数组 ids1 和 ids2，并返回一个 Promise。我们定义了一个数组 promises，当找到一个相同的 ID 时，我们添加一个 Promise 到这个数组中。forEach 循环遍历 ids1 数组，使用 checkIfIdExists 函数检查 id1 是否存在于 ids2 数组中。如果存在，就返回一个 Promise，这个 Promise 在 resolve 时将 id1 作为结果传递。

使用 Promise 的代码更加清晰，易于理解。我们可以使用 Promise 的更高级特性来控制异步操作的流程。在这个例子中，我们使用了 Promise 的 Promise.all 和 Promise.then 方法来等待所有 Promise 完成，并过滤掉 null 值。

结论

使用异步编程技术，在 JavaScript 中匹配两个数组的 ID 非常容易。可以使用回调函数或 Promise 进行实现。每种方法都有其优缺点。如果您需要一个简单的方案，使用回调函数将是一个不错的选择。如果您需要更高级的特性，例如 Promise 的控制流程，那么使用 Promise 将会更加方便。