Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

JavaScript 배열의 첫 번째 요소와 마지막 요소?


배열은 요소 그룹입니다. 각 요소에는 고유한색인 값이 있습니다. . 이러한 색인을 사용하여 모든 요소에 액세스할 수 있습니다. . 그러나 마지막 요소의 경우 배열에 있는 요소의 수를 알 때까지 인덱스를 알 수 없습니다. 이 경우 논리를 사용해야 합니다. 이러한 세부 사항에 대해 간단히 논의해 보겠습니다.

첫 번째 요소에 액세스

첫 번째 요소의 인덱스를 알고 있기 때문에 해당 요소의 값을 매우 쉽게 얻을 수 있습니다. 배열을 arr로 설정 . 첫 번째 요소의 값은 arr[0]입니다. .

예시

다음 예에는 array1 및 array2라는 배열이 있습니다. 두 배열 모두 '4' 요소로 구성됩니다. 첫 번째 요소의 인덱스가 '0'이므로 첫 번째 요소의 값은 array1[0] 및 array2[0]입니다. .

<html>
<body>
<script>
   var array1 = ["Tutorix","Tutorialspoint","Javascript","Java"];
   document.write(array1[0]);
   document.write("</br>");
   var array2 = ["Elon musk","Bilgates","Larry page","slim helu"];
   document.write(array2[0]);
</script>
</body>
</html>

출력

Tutorix
Elon musk

마지막 요소 액세스

배열의 요소 수를 알고 있으면 인덱스를 사용하여 마지막 요소를 찾을 수 있습니다. 예를 들어, 이름이 arr 인 배열인 경우 5개의 요소로 구성되고 마지막 요소는 arr[4]입니다. . 그러나 많은 요소를 알지 못하는 경우에는 논리적으로 진행해야 합니다. 마지막 요소는 배열의 길이에서 1을 뺀 인덱스 위치에 있는 요소일 뿐입니다. . 길이 4 입니다. 마지막 요소는 arr[3]입니다.

예시

다음 예에서 array1 및 array2 배열의 마지막 요소 발견되었고 결과가 출력에 표시되었습니다. 이전 배열의 마지막 요소에 액세스할 때 일반 인덱스 후자 배열의 경우 배열의 길이가 사용됩니다. 사용됩니다.

<html>
<body>
<script>
   var array1 = ["Javascript","Java","Spring","springboot"];
   document.write(array1[3]);
   document.write("</br>");
   var array2 = ["Elon musk", "Bilgates", "Larry page", "slim helu", "jackma", "Ambani"];
   document.write(array2[array2.length-1]);
</script>
</body>
</html>

출력

springboot
Ambani