Как я могу проверить равенство двух NodeList?

То, что у вас есть до сих пор, выглядит нормально, но это неэффективно (вы будете пересчитывать document.querySelectorAll(...) и indexOf, возможно, много раз).

Также есть ошибка: если querySelectorAll возвращает больше элементов, чем первый список узлов, но в остальном они равны, ваша функция вернет true.

Вы также можете упростить сравнение:

function nodeListsAreEqual( list1, list2 ) {
    if ( list1.length !== list2.length ) {
        return false;
    }
    return Array.from( list1 ).every( ( node, index ) => node === list2[ index ] );
}

Равенство массивов достигается по ссылке, а не по содержимому.

let a = [1, 2, 3], b = [1, 2, 3]
let c = a
a == c // => true, since both refer to `a`
a == b // => false

Если вы хотите сравнить два массивоподобных объекта, вам нужно сравнить их по индексу.

function eq(A, B) {
  if (A.length !== B.length) return false;
  for (let i = 0; i < A.length; i++) {
    if (A[i] !== B[i]) return false;
  }
  return true;
}

Конечно, вы всегда можете использовать магию функционального программирования:

let arrayEq = (A, B) => A.length === B.length && A.every((e, i) => e === B[i]);

Но это будет работать только в том случае, если A является массивом (а не NodeList).

Тогда попробуй

eq(getNodeList('foo'), document.querySelectorAll('.foo'))

or

arrayEq(Array.from(getNodeList('foo')), Array.from(document.querySelectorAll('.foo'))

Если вы не возражаете против установки сторонней библиотеки, возьмите deep-equal из NPM и выполните:

deepEqual(Array.from(getNodeList('foo')), Array.from(document.querySelectorAll('.foo')))

Это гарантирует, что ваши списки вычисляются только один раз, и инкапсулирует все кровавые детали сравнения списков в отдельную функцию. Ваш код должен просто вызывать функцию равенства и не смешивать проблемы вашего приложения с низкоуровневым обходом структур списка. (Но вы, вероятно, уже знали это!)

Если вам не нравится многословие Array.from, используйте значки:

deepEqual([...getNodeList('foo')], [...document.querySelectorAll('.foo')])

Если эффективность имеет значение, вам нужно выполнить профилирование.

Я придумал этот метод, который, кажется, работает, используя функции ES6:

const isEqual = [...getNodeList('foo')].every((node, index) => {
    return Array.from(document.querySelectorAll('.foo')).indexOf(node) === index
});

По сути, мы проверяем, что каждый элемент в первом NodeList существует во втором NodeList с тем же индексом. Если есть какие-либо расхождения между NodeList, это должно вернуть false.

Я пересмотрел это после того, как потребовалось сравнить NodeLists, которые могут иметь различный порядок узлов, но в остальном узлы равны, и придумал это:

export default function nodeListsAreEqual(actual, expected) {
    if ((actual.length || Object.keys(actual).length) !== (expected.length || Object.keys(expected).length)) {
        return false;
    }

    return Array.from(actual).every(actualNode => {
        return Array.from(expected).some(expectedNode => actualNode === expectedNode)
    });
}

Более простая, но, вероятно, более быстрая версия @mauroc8:

     const nodeEq = (A, B) => {
        A = Array.from(A)
        B = Array.from(B)
        if (A.length !== B.length) return false

        return A.every((a, b) => a.innerHTML === B[b].innerHTML)
      }