> 웹 프론트엔드 > JS 튜토리얼 > 'forEach'를 사용할 때 내 함수가 '정의되지 않음'을 반환하는 이유는 무엇입니까?

'forEach'를 사용할 때 내 함수가 '정의되지 않음'을 반환하는 이유는 무엇입니까?

Mary-Kate Olsen
풀어 주다: 2024-11-10 04:45:02
원래의
513명이 탐색했습니다.

Why Does My Function Return `undefined` When Using `forEach`?

forEach 메서드를 사용할 때 함수가 값을 반환하지 못함

객체 배열 값을 검사하는 함수를 생성할 때 예기치 않게 정의되지 않은 값을 반환합니다. 이 문제는 혼란을 불러일으켰으며 이 동작의 원인을 자세히 조사해 보겠습니다.

문제 설명

제공된 코드 조각에서 getByKey 함수는 forEach 메서드를 사용합니다. 데이터 배열을 순회합니다. 콜백 함수 내에서 조건부 확인에 따라 값을 반환하려고 시도합니다. 그러나 이 return 문은 getByKey 함수 자체가 아닌 forEach에 전달된 익명 함수만 종료합니다. 결과적으로, getByKey 함수 호출에서는 정의되지 않음이 반환됩니다.

솔루션

이 문제를 해결하는 방법에는 여러 가지가 있습니다.

  1. For 루프 사용: forEach를 기존 for 루프로 바꾸세요. 이 접근 방식을 사용하면 루프 자체에서 원하는 값을 반환할 수 있습니다.

    function getByKey(key) {    
        for (var i = 0; i < data.length; i++) {
            if (data[i].Key === key) {
               return data[i];
            }
        }
    }
    로그인 후 복사
  2. 결과를 변수에 저장: 콜백 함수에서 일치하는 값을 할당합니다. 값을 변수에 추가하고 getByKey 함수에서 해당 변수를 반환합니다.

    function getByKey(key) {    
        var found = null;
        data.forEach(function (val) {
            if (val.Key === key) {
                found = val;
            }
        });
        return found;
    }
    로그인 후 복사

이러한 솔루션을 구현하면 일치 항목이 발견될 때 getByKey 함수가 원하는 값을 올바르게 반환하도록 할 수 있습니다.

위 내용은 'forEach'를 사용할 때 내 함수가 '정의되지 않음'을 반환하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿