> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 배열의 마지막(또는 끝에서 두 번째) 요소를 효율적으로 검색하려면 어떻게 해야 합니까?

JavaScript 배열의 마지막(또는 끝에서 두 번째) 요소를 효율적으로 검색하려면 어떻게 해야 합니까?

Mary-Kate Olsen
풀어 주다: 2024-12-10 22:59:17
원래의
457명이 탐색했습니다.

How Can I Efficiently Retrieve the Last (or Second-to-Last) Element of a JavaScript Array?

배열의 마지막 요소 검색

JavaScript에서 배열은 순서가 지정된 요소 모음을 저장하고 조작하기 위한 다양한 데이터 구조를 제공합니다. 배열의 마지막 요소에 액세스하기 위해 개발자는 일반적으로 다음 기술을 사용합니다.

var lastElement = array[array.length - 1];
로그인 후 복사

이 접근 방식은 배열의 길이에서 1을 빼서 결정되는 인덱스를 참조하여 배열의 마지막 항목을 효과적으로 검색합니다. .

사례 연구: URL 구문 분석

JavaScript 코드 고려 URL 경로 이름을 디렉터리 이름 배열로 구문 분석하는 스니펫:

var loc_array = document.location.href.split('/');
로그인 후 복사

일반적으로 현재 페이지나 파일을 나타내는 이 배열의 마지막 요소를 검색하기 위해 코드에서는 다음을 사용합니다.

loc_array[loc_array.length - 2]
로그인 후 복사

그러나 배열의 마지막 요소가 "index.html" 문자열인 경우 개발자는 대신 마지막에서 세 번째 요소를 검색하는 것을 목표로 합니다. 이를 달성하기 위해 코드는 조건부 검사를 수행할 수 있습니다.

if (loc_array[loc_array.length - 1] === 'index.html') {
   // Do something with the third-to-last element
}
else {
   // Do something with the second-to-last element
}
로그인 후 복사

이 검사를 통해 마지막 배열 요소로 "index.html"이 있는지 여부에 따라 차별화된 처리가 가능합니다.

대소문자 구분 및 서버측 처리

대소문자를 구분하지 않는 문자열 비교의 경우 코드는 다음을 사용할 수 있습니다. .toLowerCase()를 사용하여 값을 정규화합니다.

서버 측에서 이 논리를 구현하면 향상된 성능을 제공하고 JavaScript가 비활성화된 사용자의 접근성을 보장할 수 있다는 점은 주목할 가치가 있습니다.

ES-2022 Array.at()

ES-2022에는 Array.at() 메서드가 도입되었습니다. 이는 지정된 인덱스가 있는 배열에서 요소 검색을 단순화합니다. 코드는 다음과 같이 다시 작성할 수 있습니다.

if (loc_array.at(-1) === 'index.html') {
   // Do something with the third-to-last element
}
else {
   // Do something with the second-to-last element
}
로그인 후 복사

위 내용은 JavaScript 배열의 마지막(또는 끝에서 두 번째) 요소를 효율적으로 검색하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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