[javascript] 두 배열의 값이 동일한 지 확인하는 방법

코드가 작동하지 않는 이유

JavaScript에는 원시 데이터 유형 과 비 원시 데이터 유형이 있습니다.

기본 데이터 타입의 경우 ==와 ===체크 바의 양쪽에있는 것들과 동일한 값을 가져야하는지 여부. 그것이 1 === 1사실입니다.

배열 ==과 같은 원시 데이터 유형이 아닌 ===경우 참조 동등성을 확인하십시오. 즉 그들은 여부를 확인한다 arr1와 arr2같은 객체입니다. 귀하의 예에서 두 배열은 동일한 순서로 동일한 객체를 갖지만 동일하지는 않습니다.

솔루션

두 배열 arr1및 arr2은 다음과 같은 경우에만 동일한 멤버를 갖습니다.

• 모든 것이 들어 arr2있습니다.arr1

과

• 모든 것이 들어 arr1있습니다.arr2

그래서 이것은 트릭을 할 것입니다 (ES2016) :

const containsAll = (arr1, arr2) =>
                arr2.every(arr2Item => arr1.includes(arr2Item))

const sameMembers = (arr1, arr2) =>
                        containsAll(arr1, arr2) && containsAll(arr2, arr1);

sameMembers(arr1, arr2); // `true`

Underscore를 사용하는이 두 번째 솔루션 은 수행하려는 작업에 더 가깝습니다.

arr1.sort();
arr2.sort();

_.isEqual(arr1, arr2); // `true`

isEqual“깊은 평등”을 확인하기 때문에 작동 합니다. 즉, 참조 평등 이상을보고 값을 비교합니다.

세 번째 질문에 대한 해결책

또한에 arr1포함되지 않은 항목을 찾는 방법을 물었 습니다 arr2.

이렇게하면됩니다 (ES2015).

const arr1 = [1, 2, 3, 4];
const arr2 = [3, 2, 1];

arr1.filter(arr1Item => !arr2.includes(arr1Item)); // `[4]`

Underscore의 difference: 메소드를 사용할 수도 있습니다 .

_.difference(arr1, arr2); // `[4]`

최신 정보

@Redu의 의견을 참조하십시오. 내 솔루션은에 대한 sameMembers것이지만 염두에 두어야 할 것은으로 sameMembersInOrder도 알려져 있습니다 deepEquals.

업데이트 2

배열 멤버의 순서에 신경 쓰지 않는다면 ES2015 + Set가 Array. 위험한 원숭이 패치 를 구현 isSuperset하고difference 사용 하는 방법에 대한 MDN 노트를 참조하십시오 .

답변

/** assumes array elements are primitive types
* check whether 2 arrays are equal sets.
* @param  {} a1 is an array
* @param  {} a2 is an array
*/
function areArraysEqualSets(a1, a2) {
  const superSet = {};
  for (const i of a1) {
    const e = i + typeof i;
    superSet[e] = 1;
  }

  for (const i of a2) {
    const e = i + typeof i;
    if (!superSet[e]) {
      return false;
    }
    superSet[e] = 2;
  }

  for (let e in superSet) {
    if (superSet[e] === 1) {
      return false;
    }
  }

  return true;
}