1.

let a = [1, 2, 3];
let b = a.reverse();
console.log(a)  // [ 3, 2, 1 ]
console.log(b)  // [ 3, 2, 1 ]
console.log(a === b);  // true

자바스크립트에서 array.reverse()는 원본 배열(array)를 뒤집어서 반환합니다.

그러므로 a.reverse()는 뒤집어진 원본 배열 a가 반환됩니다.

이것을 b에 할당하게 되면, a와 b는 동일한 배열 객체를 참조하게 됩니다.

쉽게 말하면, a와 b가 가리키고 있는 배열 객체의 주소값이 같다는 말입니다.

이를 방지하기 위해서는 a 배열의 복사본을 만들어서 b에 할당하면 됩니다.

복사 방법에는 여러 가지가 있지만 가장 쉽게 쓸 수 있는 메소드로는 slice가 있습니다.

let a = [1, 2, 3];
let b = a.slice().reverse();  // slice 메소드 추가
console.log(a)  // [ 1, 2, 3 ]
console.log(b)  // [ 3, 2, 1 ]
console.log(a === b);  // false

2.

let a = [1, 2, 3];
let b = [1, 2, 3];
console.log(a == b);  // false
console.log(a === b);  // false

자바스크립트에서 배열이나 객체의 비교는 값의 내용이 아니라 참조가 같은지를 확인합니다.

위에서 말했듯이 이 경우에는 배열 a와 b의 내용은 같지만 각각 다른 주소값을 가지고 있어서(변수나 값이 메모리에 저장된 위치가 다름) 독립적으로 생성된 별개의 배열이므로 일치하지 않습니다.

만약 배열의 내용이 같은지 확인하려면 아래와 같은 방법으로 할 수 있습니다.

function IsEqual(arr1, arr2) {
    
    // 1. 배열의 길이가 같은지
    condition1 = arr1.length === arr2.length
    
    // 2. 배열1의 원소가 배열2의 원소와 같은지 (엄격한 비교 → 일치연산자)
    condition2 = arr1.every((value, index) => value === arr2[index]);
  
  // 조건 1과 2를 모두 만족하는지 boolean값 출력
  return condition1 && condition2;
}

let a = [1, 2, 3];
let b = [1, 2, 3];
let c = [1, 2, 4];
let d = [1, 2, 3, 4];
let e = [1, 2, '3'];

console.log(IsEqual(a, b)); // true
console.log(IsEqual(a, c)); // false
console.log(IsEqual(a, d)); // false
console.log(IsEqual(a, e)); // false