3가지 다른 방법을 사용하여 일반 JavaScript로 배열의 마지막 요소를 가져오는 방법을 알아보겠습니다. 먼저, 작업할 항목이 있으므로 항목 배열을 설정해 보겠습니다. 이 경우 연습 목록을 사용합니다.
운동 배열 생성
const exercises = ['pull-up', 'push-up', 'squat', 'deadlift']
목록의 첫 번째 항목을 가져오려면 exercises[0]를 사용합니다. , 두 번째 사용 exercises[1]를 잡기 하지만 목록에 있는 총 운동 횟수를 모른다면 어떻게 될까요?
문제 없습니다. 몇 가지 방법이 있습니다.
1. array.length가 있는 마지막 요소 찾기
첫 번째 방법에서는 JavaScript의 array.length를 사용합니다. 재산. 이를 사용하려면 먼저 변수를 설정한 다음 배열을 할당해야 합니다.
const lastExercise = exercises[exercises.length - 1]
이제 console.log(lastExercise)를 실행하면 콘솔은 배열의 마지막 요소를 출력합니다(그의 경우 deadlift). .
2. pop()을 사용하여 마지막 요소 찾기
pop()이라는 JavaScript 배열 메서드를 사용할 수도 있습니다. 이것은 또한 배열의 마지막 요소를 가져오지만 다른 방식으로 가져옵니다. 사용해 보기:
exercises.pop()pop() 메서드는 실제로 배열의 마지막 요소를 대상으로 하지만 배열의 마지막 요소를 찾을 뿐만 아니라 제거합니다. 주의하십시오.
console.log(exercises) exercises.pop() 바로 아래 이제 배열에 원래 4개 대신 3개의 요소가 있음을 알 수 있습니다. 사용 사례에 따라 원하는 것일 수도 있고 아닐 수도 있습니다.
3. Array slice() 메서드로 마지막 요소 찾기
마지막으로 보여드리고 싶은 방법은 length 메서드이지만 여기에서는 slice()를 사용합니다. 대신, 다음과 같이:
const lastExercise = exercises.slice(-1)
이제 console.log(lastExercise) length와 동일한 결과를 얻을 수 있습니다. 예시. 많은 개발자가 slice를 찾습니다. length보다 더 읽기 쉬운 방법 방법이지만 불행히도 훨씬 느립니다. 성능면에서.
내 말을 이해하려면 jsperf.com에서 이 슬라이스 대 길이 비교 테스트를 실행해 보세요.
따라서 가장 성능이 좋거나 가장 읽기 쉬운 배열 방법을 사용해야 합니까? 옳고 그른 답은 없으며 상황에 따라 다릅니다.
일반적으로 나는 경험상 편리함보다 성능을 선택하는 데 끌리는 경향이 있습니다. 이미지로 작업할 때. 그러나 그것은 흑백 질문이 아닙니다. 간단한 배열에서 마지막 요소를 찾는 측면에서 slice 사이의 성능 차이도 느끼지 못할 것입니다. 및 length 초당 수백만 개의 기능을 실행하지 않는 한 앱에서
항상 상황에 따라 결정을 내립니다.