Obtenga el primer elemento de matriz en JavaScript

1. Obtenga el primer elemento de matriz usando find() en JavaScript
2. Obtenga el primer elemento de matriz utilizando una matriz [índice] en JavaScript
3. Obtenga el primer elemento de matriz usando shift() en JavaScript
4. Obtenga el primer elemento de matriz usando filter() en JavaScript
5. Obtenga el primer elemento de matriz mediante la asignación de desestructuración en JavaScript

Los arrays son una parte esencial de cualquier lenguaje de programación porque contiene muchos elementos de manera ordenada. Se accede a todos estos elementos en ellos a través de un índice. En JavaScript, los arrays son objetos regulares que contienen el valor de la clave específica, una clave numérica. Este artículo presentará cómo obtener el primer elemento de un array en JavaScript.

JavaScript proporciona varios métodos para obtener el primer elemento. Aprendamos esos métodos.

Obtenga el primer elemento de matriz usando find() en JavaScript

Es un método de matriz incorporado proporcionado por JavaScript, que encuentra los elementos cuyo valor coincide con la condición especificada.

Sintaxis de find() en JavaScript

Array.prototype.find(element => $condition)

Parámetros

• $ condición: Es un parámetro obligatorio. El usuario puede pasar cualquier condición relacionada con el elemento del array e intentará encontrar el primer elemento coincidente que satisfaga la condición.

Valor devuelto

Devuelve el primer valor que coincide con una condición determinada. Si ninguna condición coincide, devolverá undefined.

Código de ejemplo:

const arrayElements = [5, 10, 0, 20, 45];
const firstElement = arrayElements.find(element => element != undefined);
console.log(firstElement);

Producción :

5

Obtenga el primer elemento de matriz utilizando una matriz [índice] en JavaScript

Como se discutió anteriormente, cada elemento del array tiene un índice único asignado. La clave / índice numérica dentro de un array comienza con 0. Con este índice, puede recuperar el primer elemento de un array en JavaScript.

Sintaxis de matriz [índice] en JavaScript

Array.prototype[$index]

Parámetros

• $index: Es un parámetro obligatorio que acepta solo un valor entero que especifica el índice del elemento a recuperar.

Valor devuelto

Devuelve el elemento cuyo índice se especifica.

Código de ejemplo:

const arrayElements = [5, 10, 0, 20, 45];
const firstElement = arrayElements[0];
console.log(firstElement);

Producción :

5

Obtenga el primer elemento de matriz usando shift() en JavaScript

Es un método de matriz incorporado proporcionado por JavaScript, que elimina el primer elemento de un array y devuelve el elemento eliminado. El único problema con este método de matriz es que muta / modifica el array original.

Sintaxis de shift() en JavaScript

Array.prototype.shift()

Valor devuelto

Devuelve el primer elemento del array, que se elimina del array original. Si un array es un array vacía, devolverá undefined.

Código de ejemplo:

const arrayElements = [5, 10, 0, 20, 45];
const firstElement = arrayElements.shift(0);
console.log(firstElement);
console.log(arrayElements);

Producción :

5
Array [10, 0, 20, 45]

Obtenga el primer elemento de matriz usando filter() en JavaScript

Es un método de matriz incorporado de JavaScript que filtra todos los elementos que satisfacen la condición dada. Creará una copia del array de elementos coincidentes. La única diferencia entre find() y filter() es que primero detiene el recorrido tan pronto como se encuentra el primer elemento coincidente, mientras que luego continuará hasta el último elemento de un array. Es menos eficiente si el tamaño de un array es mayor debido a la propiedad transversal.

Sintaxis de filter() en JavaScript

Array.prototype.filter(element => $condition)

Parámetros

• $ condición: Es un parámetro obligatorio. El usuario puede pasar cualquier condición relacionada con el elemento del array e intentará encontrar todos los elementos coincidentes que satisfagan la condición.

Valor devuelto

Devuelve la nueva matriz que contiene elementos que coinciden con una condición determinada.

Código de ejemplo:

const arrayElements = [5, 10, 0, 20, 45];
const firstElement =
    arrayElements.filter(element => element != undefined).shift();
console.log(firstElement);
console.log(arrayElements);

Producción :

5
Array [5, 10, 0, 20, 45]

Obtenga el primer elemento de matriz mediante la asignación de desestructuración en JavaScript

La destrucción de asignaciones es una sintaxis muy poderosa disponible en JavaScript que permite descomprimir los elementos del array o las propiedades de un objeto para convertirlos en variables distintas.

Sintaxis de asignación de desestructuración en JavaScript

[$variable1, $variable2, ...$restVariables] = [10, 20, 30, 40];
{$variable1} = {key: value};

Valor devuelto

Devuelve la nueva variable a través de la cual puede acceder al valor de un array u objeto.

Código de ejemplo:

const arrayElements = [5, 10, 0, 20, 45];
let [firstElement] = arrayElements;
console.log(firstElement);

Producción :

5