다른 유형과 함께 `Array.prototype.includes()`를 사용할 때 TypeScript에서 오류가 발생하는 이유는 무엇입니까?

Array.prototype.includes()에 배열 요소에 대한 일치 유형이 필요한 이유

Array.prototype.includes() 메서드는 다음을 결정하는 것을 목표로 합니다. 배열에 특정 요소가 포함되어 있는 경우 정확하고 신뢰할 수 있는 결과를 보장하려면 searchElement 매개변수가 배열 요소의 유형과 일치해야 합니다. 이러한 유형 안전성은 잘못된 비교를 방지하고 배열 데이터 무결성의 무결성을 유지합니다.

다음 코드 조각을 고려하세요.

<code class="js">type AllowedChars = 'x' | 'y' | 'z';
const exampleArr: AllowedChars[] = ['x', 'y', 'z'];

function checkKey(e: KeyboardEvent) { 
    if (exampleArr.includes(e.key)) { 
        // ...
    } 
}</code>

TypeScript 컴파일러는 e.key가 오류임을 나타내는 오류 플래그를 지정합니다. 매개변수가 exampleArr 요소의 AllowedChars 유형과 일치하지 않습니다. 이 오류는 include() 메서드가 searchElement가 배열 요소와 동일한 유형을 가지고 있다고 가정하기 때문에 발생합니다.

Array.prototype.includes()가 할당이 아닌 부울 값을 반환하므로 모순처럼 보일 수 있습니다. 오류가 나타납니다. 그러나 여기서는 TypeScript의 유형 시스템이 중요한 역할을 합니다.

배열에 요소를 포함한다는 것은 해당 요소의 유형이 배열의 요소와 일치한다는 것을 의미합니다. 그러나 제공된 예에서 e.key 매개변수의 유형은 문자열인 반면 exampleArr 요소는 AllowedChars 유형입니다. 이러한 불일치에는 TypeScript 유형 시스템의 예상을 재정의하기 위한 유형 어설션 또는 유형 확장이 필요합니다.

이 문제를 해결하기 위한 가장 간단하고 권장되는 접근 방식은 exampleArr의 유형을 더 넓은 유형의 string[]으로 확장하는 것입니다. 허용된 문자만 포함하도록 searchElement 매개변수의 범위를 좁힙니다. 이러한 수정은 유형 호환성을 보장하여 잠재적인 유형 관련 오류나 불일치를 방지합니다.

위 내용은 다른 유형과 함께 `Array.prototype.includes()`를 사용할 때 TypeScript에서 오류가 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!