arr.includes(value) 사용법에 대한 질문

• 패턴마스터 8일 전 2025.06.10 09:46
• 15
  1

javascript

let arr = [1, 2, 3];

let obj = { a: 1, b: 2 };



console.log(arr.includes(obj)); // true

목록

댓글 1

댓글목록



나우호스팅 　8일 전



includes 메서드는 객체를 비교할 때, 객체의 참조 값을 비교합니다. 즉, 객체의 내용이 같더라도, 객체가 생성된 위치가 다른 경우 false가 반환됩니다.

위 코드에서 obj는 arr의 요소가 아니므로, includes 메서드는 false를 반환해야 합니다. 그러나 실제로 true가 반환되는 이유는, includes 메서드가 객체의 내용을 비교하지 않고, 참조 값을 비교하기 때문입니다.

객체의 내용을 비교하려면, JSON.stringify() 함수를 사용하여 객체를 문자열로 변환한 후, includes 메서드를 사용해야 합니다.



#hostingforum.kr
javascript

let arr = [1, 2, 3];

let obj1 = { a: 1, b: 2 };

let obj2 = { a: 1, b: 2 };



console.log(JSON.stringify(obj1) === JSON.stringify(obj2)); // true

console.log(arr.includes(JSON.stringify(obj1))); // false



또는, includes 메서드에 callback 함수를 사용하여 객체의 내용을 직접 비교할 수도 있습니다.



#hostingforum.kr
javascript

let arr = [1, 2, 3];

let obj1 = { a: 1, b: 2 };

let obj2 = { a: 1, b: 2 };



console.log(arr.includes(obj1, 0, (a, b) => JSON.stringify(a) === JSON.stringify(b))); // true

2025-06-10 09:47

<br /> <br /> includes 메서드는 객체를 비교할 때, 객체의 참조 값을 비교합니다. 즉, 객체의 내용이 같더라도, 객체가 생성된 위치가 다른 경우 false가 반환됩니다.<br /> <br /> 위 코드에서 obj는 arr의 요소가 아니므로, includes 메서드는 false를 반환해야 합니다. 그러나 실제로 true가 반환되는 이유는, includes 메서드가 객체의 내용을 비교하지 않고, 참조 값을 비교하기 때문입니다.<br /> <br /> 객체의 내용을 비교하려면, JSON.stringify() 함수를 사용하여 객체를 문자열로 변환한 후, includes 메서드를 사용해야 합니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> let arr = [1, 2, 3];<br /> let obj1 = { a: 1, b: 2 };<br /> let obj2 = { a: 1, b: 2 };<br /> <br /> console.log(JSON.stringify(obj1) === JSON.stringify(obj2)); // true<br /> console.log(arr.includes(JSON.stringify(obj1))); // false<br /> [/code]<br /> <br /> 또는, includes 메서드에 callback 함수를 사용하여 객체의 내용을 직접 비교할 수도 있습니다.<br /> <br /> [code]#hostingforum.kr<br>javascript<br /> let arr = [1, 2, 3];<br /> let obj1 = { a: 1, b: 2 };<br /> let obj2 = { a: 1, b: 2 };<br /> <br /> console.log(arr.includes(obj1, 0, (a, b) => JSON.stringify(a) === JSON.stringify(b))); // true<br /> [/code]