Obtenga el primer y último elemento en una array usando JavaScript

En este artículo, aprenderemos a obtener el primer y último elemento de una array en Javascript, además de comprender su implementación a través de los ejemplos.

La array Javascript es una variable que contiene múltiples valores a la vez. Se accede al primer y último elemento usando un índice y se accede al primer valor usando el índice 0 y se puede acceder al último elemento a través de la propiedad de longitud que tiene un valor más que el índice de array más alto. La propiedad de longitud de array en JavaScript se usa para establecer o devolver la cantidad de elementos en una array.

Ejemplo 1: Este ejemplo ilustra cómo acceder al primer y último número de la array.

<script>
  // Array
  let s=[3, 2, 3, 4, 5];
  function Gfg() {
   
    // Storing the first item in a variable
    let f=s[0];
     
    // Storing the last item
    let l=s[s.length-1];
     
   // Printing output to screen
   document.write("First element is "+ f);
   document.write("<br> Last element is "+ l);
  }
  Gfg(); // Calling the function
</script>

Producción:

First element is 3 
Last element is 5

Ejemplo 2: Este ejemplo ilustra cómo acceder a la primera y última palabra de la array.

<script>
  // Simple array
  let s= ["Geeks", "for", "geeks", "computer", "science"];
  function Gfg() {
   
  // First item of the array
   let f=s[0];
    
  // Last item of the array
   let l=s[s.length-1];
    
  // Printing the output to screen
   document.write("First element is "+ f);
   document.write("<br> Last element is "+ l);
   }
  Gfg(); // Calling the function
</script>

Producción:

First element is Geeks
Last element is science 

Usando el método Array.pop() y Array.shift(): el método Array.pop() elimina el último elemento de la array y lo devuelve y el método Array.shit() elimina el primer elemento de la array y lo devuelve.

Ejemplo:

</script>
    // Array
    let s=[3, 2, 3, 4, 5];
    function Gfg() {
     
        // Storing the first item in a variable
        let f = s.shift(0);
     
        // Storing the last item
        let l = s.pop();
     
     
    // Printing output to screen
    console.log("first element is "+ f);
    console.log(" Last element is "+ l);
}
 
Gfg(); // Calling the function
 
<script>

Producción:

first element is 3
Last element is 5

Usando el método Array.slice(): El método Array.slice() devuelve la parte de la array al cortarla con el índice y la longitud proporcionados. 

Ejemplo:

<script>
    // Array
    let s = [3, 2, 3, 4, 5];
    function Gfg() {
     
        // Storing the first item in a variable
        let f = s.slice(0, 1);
     
        // Storing the last item
        let l = s.slice(-1);
     
     
    // Printing output to screen
    console.log("first element is "+ f);
    console.log(" Last element is "+ l);
}
Gfg(); // Calling the function
 
</script>

Producción:

first element is 3
Last element is 5