arr.find(callback) 메서드는 배열 내 원소 중 특정 조건을 만족하는 첫 번째 원소를 찾는 메서드입니다.
callback 함수 내에서 this 키워드의 값을 지정하지 않으면, callback 함수 내에서 this 키워드는 callback 함수의 호출 컨텍스트를 나타냅니다.
예를 들어, 다음 코드를 살펴보세요.
#hostingforum.kr
javascript
let arr = [1, 2, 3, 4, 5];
let result = arr.find((item) => item > 3);
console.log(result); // 4
이 코드에서 callback 함수 내에서 this 키워드는 undefined입니다.
하지만, callback 함수 내에서 this 키워드를 사용하려면, callback 함수를 호출할 때 this 키워드를 지정해야 합니다.
예를 들어, 다음 코드를 살펴보세요.
#hostingforum.kr
javascript
let arr = [1, 2, 3, 4, 5];
let obj = {
find: function() {
return arr.find((item) => item > 3);
}
};
console.log(obj.find()); // 4
이 코드에서 callback 함수 내에서 this 키워드는 obj 객체를 나타냅니다.
또한, callback 함수 내에서 this 키워드를 사용하여 배열의 원소에 접근할 수 있습니다.
예를 들어, 다음 코드를 살펴보세요.
#hostingforum.kr
javascript
let arr = [1, 2, 3, 4, 5];
let result = arr.find((item) => {
console.log(this); // arr
return item > 3;
});
console.log(result); // 4
이 코드에서 callback 함수 내에서 this 키워드는 arr 배열을 나타냅니다.
따라서, callback 함수 내에서 this 키워드의 값을 지정할 때는, callback 함수를 호출할 때 this 키워드를 지정해야 합니다.
또한, callback 함수 내에서 this 키워드를 사용하여 배열의 원소에 접근할 수 있습니다.
2025-06-14 08:06