В JavaScript работа с массивами строк довольно распространена. Существуют различные сценарии, в которых вам может потребоваться сопоставить один массив строк с другим. В этой статье блога мы рассмотрим несколько способов достижения этой цели, а также примеры кода. Эти методы помогут вам эффективно сопоставлять массивы строк в JavaScript, обеспечивая оптимальную производительность.

Метод 1: использование вложенных циклов
Один простой подход — использовать вложенные циклы для сравнения каждой строки в одном массиве с каждой строкой в ​​другом массиве. Вот пример:

function matchArraysNestedLoop(arr1, arr2) {
  const matches = [];
  for (let i = 0; i < arr1.length; i++) {
    for (let j = 0; j < arr2.length; j++) {
      if (arr1[i] === arr2[j]) {
        matches.push(arr1[i]);
      }
    }
  }
  return matches;
}
const array1 = ['apple', 'banana', 'orange'];
const array2 = ['banana', 'kiwi', 'orange'];
const matchedStrings = matchArraysNestedLoop(array1, array2);
console.log(matchedStrings);

Метод 2: использование метода filter()
Метод filter()можно использовать для создания нового массива, содержащего только совпадающие строки. Вот пример:

function matchArraysFilter(arr1, arr2) {
  return arr1.filter((string) => arr2.includes(string));
}
const array1 = ['apple', 'banana', 'orange'];
const array2 = ['banana', 'kiwi', 'orange'];
const matchedStrings = matchArraysFilter(array1, array2);
console.log(matchedStrings);

Метод 3: использование метода reduce()
Метод reduce()можно использовать для перебора одного массива при построении нового массива совпадающих строк. Вот пример:

function matchArraysReduce(arr1, arr2) {
  return arr1.reduce((matches, string) => {
    if (arr2.includes(string)) {
      matches.push(string);
    }
    return matches;
  }, []);
}
const array1 = ['apple', 'banana', 'orange'];
const array2 = ['banana', 'kiwi', 'orange'];
const matchedStrings = matchArraysReduce(array1, array2);
console.log(matchedStrings);

Метод 4: использование структуры данных Set.
Преобразуя массивы в наборы, вы можете воспользоваться преимуществами метода has()для определения совпадающих строк. Вот пример:

function matchArraysSet(arr1, arr2) {
  const set1 = new Set(arr1);
  const matches = [];
  for (const string of arr2) {
    if (set1.has(string)) {
      matches.push(string);
    }
  }
  return matches;
}
const array1 = ['apple', 'banana', 'orange'];
const array2 = ['banana', 'kiwi', 'orange'];
const matchedStrings = matchArraysSet(array1, array2);
console.log(matchedStrings);

Сопоставление массивов строк в JavaScript можно выполнить различными методами. Мы исследовали четыре различных подхода: вложенные циклы, метод filter(), метод reduce()и использование структуры данных Set. В зависимости от размера массивов и конкретных требований вашего приложения вы можете выбрать метод, который лучше всего соответствует вашим потребностям. Выбрав эффективный метод сопоставления, вы сможете оптимизировать производительность своего кода JavaScript.

Не забудьте протестировать и сравнить различные методы с конкретными наборами данных, чтобы определить наиболее подходящий подход для вашего случая использования. Приятного кодирования!