Javascript
 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

  1. JavaScriptの特定のノードの最初と最後の子ノード?

    最初のを取得するには 最後の子ノード 特定のノードの場合、javascriptは firstChildを提供しています およびlastChild それぞれメソッド。それらについて簡単に説明しましょう。 FirstChild 構文 node.firstChild; 例 次の例では、リストノードに3つの要素があります。メソッド「firstChild」を使用する 「最初の要素が見つかり、結果が出力に表示されます。 <html> <body> <ul id = "list"><li>Tesla</li><li

  2. 配列の最後の要素を出力するJavaScriptコード

    以下は、配列の最後の要素を出力するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>    bod