¿Cómo obtener el primer elemento de una matriz?

¿Cómo se obtiene el primer elemento de una matriz como esta:

var ary = ['first', 'second', 'third', 'fourth', 'fifth'];

Intenté esto:

alert($(ary).first());

Pero volvería [object Object]. Entonces necesito obtener el primer elemento de la matriz, que debería ser el elemento 'first'.

Me gusta esto

alert(ary[0])

¿Por qué estás jQuery-ifying una matriz JavaScript de vainilla? ¡Utiliza JavaScript estándar!

var ary = ['first', 'second', 'third', 'fourth', 'fifth'];
alert(ary[0]);

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array

También,

Fuente , cortesía de bobince.

Algunas de las formas a continuación para diferentes circunstancias.

En la mayoría de los casos normales, la forma más sencilla de acceder al primer elemento es mediante

yourArray[0]

pero esto requiere que verifique si [0] realmente existe.

Hay casos del mundo real en los que no le importa la matriz original y no desea verificar si existe un índice, solo desea obtener el primer elemento o una línea no definida.

En este caso, puede usar shift () método para obtener el primer elemento, pero tenga cuidado de que este método modifique la matriz original (elimine el primer elemento y lo devuelva). Por lo tanto, la longitud de una matriz se reduce en uno. Este método se puede usar en casos en línea donde solo necesita obtener el primer elemento, pero no le importa la matriz original.

yourArray.shift()

Lo importante es saber que los dos anteriores son solo una opción si su matriz comienza con un índice [0].

Hay casos en los que se ha eliminado el primer elemento, por ejemplo, eliminar yourArray [0] dejando su matriz con "agujeros". Ahora el elemento en [0] simplemente no está definido, pero desea obtener el primer elemento "existente". He visto muchos casos del mundo real de esto.

Entonces, suponiendo que no tenemos conocimiento de la matriz y la primera clave (o sabemos que hay agujeros), aún podemos obtener el primer elemento.

Puede usar find () para obtener el primer elemento.

La ventaja de find () es su eficiencia, ya que sale del bucle cuando se alcanza el primer valor que satisface la condición (más sobre esto a continuación). (Puede personalizar la condición para excluir valores nulos u otros valores vacíos también)

var firstItem = yourArray.find(x=>x!==undefined);

También me gustaría incluir filter () aquí como una opción para "arreglar" primero la matriz en la copia y luego obtener el primer elemento manteniendo intacta la matriz original (sin modificar).

Otra razón para incluir filter () aquí es que existía antes de find () y muchos programadores ya lo han estado usando (es ES5 contra find () como ES6).

var firstItem = yourArray.filter(x => typeof x!==undefined).shift();

Advertencia de que filter () no es realmente una forma eficiente (filter () se ejecuta a través de todos los elementos) y crea otra matriz. Está bien usarlo en matrices pequeñas ya que el impacto en el rendimiento sería marginal, más cercano al uso de forEach, por ejemplo.

(Veo que algunas personas sugieren usar for ... in loop para obtener el primer elemento, pero recomendaría este método para ... in no debería usarse para iterar sobre una matriz donde el orden del índice es importante porque no lo hace ' No garantiza el pedido, aunque puede argumentar que los navegadores respetan el orden en su mayoría. Por cierto, porque cada uno no resuelve el problema como muchos sugieren porque no puede romperlo y se ejecutará a través de todos los elementos. Sería mejor usar un simple para bucle y comprobando clave / valor

Tanto find () como filter () garantizan el orden de los elementos, por lo que son seguros de usar como se indicó anteriormente.

Usando la desestructuración ES6

let [first] = [1,2,3];

Que es lo mismo que

let first = [1,2,3][0];

El elemento del índice 0 puede no existir si el primer elemento ha sido eliminado:

let a = ['a', 'b', 'c'];
delete a[0];

for (let i in a) {
  console.log(i + ' ' + a[i]);
}

Mejor manera de obtener el primer elemento sin jQuery:

function first(p) {
  for (let i in p) return p[i];
}

console.log( first(['a', 'b', 'c']) );

Si desea preservar la legibilidad , siempre puede agregar una primera función a Array.protoype:

Array.prototype.first = function () {
    return this[0];
};

A, entonces podría recuperar fácilmente el primer elemento:

[1, 2, 3].first();
> 1

Solo puedes usar find():

let first = array.find(Boolean);

O si quieres el primer elemento, incluso si es falso :

let first = array.find(e => true);

Ir más allá:

Si le interesa la legibilidad pero no desea confiar en incidencias numéricas, puede agregar una first()función Array.protoypedefiniéndola con la Object​.define​Property()que mitigue los inconvenientes de modificar directamente el prototipo de objeto Array incorporado ( explicado aquí ).

El rendimiento es bastante bueno (se find()detiene después del primer elemento) pero no es perfecto ni universalmente accesible (solo ES6) Para obtener más información, lea la respuesta de @Selays .

Object.defineProperty(Array.prototype, 'first', {
  value() {
    return this.find(e => true);     // or this.find(Boolean)
  }
});

Luego, para recuperar el primer elemento que puede hacer:

let array = ['a', 'b', 'c'];
array.first();

> 'a'

Fragmento para verlo en acción:

Object.defineProperty(Array.prototype, 'first', {
  value() {
    return this.find(Boolean);
  }
});

console.log( ['a', 'b', 'c'].first() );

Si no se garantiza que su matriz se llene desde el índice cero, puede usar Array.prototype.find():

var elements = []
elements[1] = 'foo'
elements[2] = 'bar'

var first = function(element) { return !!element }    
var gotcha = elements.find(first)

console.log(a[0]) // undefined
console.log(gotcha) // 'foo'

array.find(e => !!e);  // return the first element 

dado que "buscar" devuelve el primer elemento que coincide con el filtro && !!e coincide con cualquier elemento.

Nota Esto sólo funciona cuando el primer elemento no es un "Falsy": null, false, NaN, "", 0,undefined

Tratar alert(ary[0]);.

Solo en caso de que esté utilizando underscore.js ( http://underscorejs.org/ ) puede hacer lo siguiente:

_.first(your_array);

Sé que las personas que vienen de otros idiomas a JavaScript, buscan algo como head()ofirst() para obtener el primer elemento de una matriz, pero ¿cómo pueden hacerlo?

Imagina que tienes la matriz a continuación:

const arr = [1, 2, 3, 4, 5];

En JavaScript, simplemente puedes hacer:

const first = arr[0];

o una forma más ordenada y nueva es:

const [first] = arr;

Pero también puedes simplemente escribir una función como ...

function first(arr) {
   if(!Array.isArray(arr)) return;
   return arr[0];
}

Si usa subrayado, hay una lista de funciones que hacen lo mismo que busca:

_.first 

_.head

_.take

Método que funciona con matrices , y también funciona con objetos (¡cuidado, los objetos no tienen un orden garantizado!).

Prefiero más este método, porque la matriz original no se modifica.

// In case of array
var arr = [];
arr[3] = 'first';
arr[7] = 'last';
var firstElement;
for(var i in arr){
    firstElement = arr[i];
    break;
}
console.log(firstElement);  // "first"

// In case of object
var obj = {
    first: 'first',
    last: 'last',
};

var firstElement;

for(var i in obj){
    firstElement = obj[i];
    break;
}

console.log(firstElement) // First;

En ES2015 y superior, utilizando la desestructuración de matrices:

const arr = [42, 555, 666, 777]
const [first] = arr
console.log(first)

Otro para aquellos que solo se preocupan por los elementos de verdad.

ary.find(Boolean);

Encuentre el primer elemento en una matriz usando un filtro:

En mecanografiado:

function first<T>(arr: T[], filter: (v: T) => boolean): T {
    let result: T;
    return arr.some(v => { result = v; return filter(v); }) ? result : undefined;
}

En javascript simple:

function first(arr, filter) {
    var result;
    return arr.some(function (v) { result = v; return filter(v); }) ? result : undefined;
}

Y de manera similar, indexOf:

En mecanografiado:

function indexOf<T>(arr: T[], filter: (v: T) => boolean): number {
    let result: number;
    return arr.some((v, i) => { result = i; return filter(v); }) ? result : undefined;
}

En javascript simple:

function indexOf(arr, filter) {
    var result;
    return arr.some(function (v, i) { result = i; return filter(v); }) ? result : undefined;
}

Cuando hay varias coincidencias, el .first () de JQuery se usa para recuperar el primer elemento DOM que coincide con el selector css dado a jquery.

No necesita jQuery para manipular matrices de JavaScript.

¿Por qué no tener en cuenta las veces que su matriz podría estar vacía?

var ary = ['first', 'second', 'third', 'fourth', 'fifth'];
first = (array) => array.length ? array[0] : 'no items';
first(ary)
// output: first

var ary = [];
first(ary)
// output: no items

Solo usa ary.slice(0,1).pop();

En

var ary = ['first', 'second', 'third', 'fourth', 'fifth'];

console.log("1º "+ary.slice(0,1).pop());
console.log("2º "+ary.slice(0,2).pop());
console.log("3º "+ary.slice(0,3).pop());
console.log("4º "+ary.slice(0,4).pop());
console.log("5º "+ary.slice(0,5).pop());
console.log("Last "+ary.slice(-1).pop());

array.slice (START, END) .pop ();

También podría usar .get (0):

alert($(ary).first().get(0));

Para obtener el primer elemento de la matriz.

Use esto para dividir caracteres en javascript.

var str = "boy, girl, dog, cat";
var arr = str.split(",");
var fst = arr.splice(0,1).join("");
var rest = arr.join(",");

Los ejemplos anteriores funcionan bien cuando el índice de matriz comienza en cero. La respuesta de thomax no se basó en el índice que comienza en cero, sino en el Array.prototype.findque no tuve acceso. La siguiente solución usando jQuery $ .each funcionó bien en mi caso.

let haystack = {100: 'first', 150: 'second'},
    found = null;

$.each(haystack, function( index, value ) {
    found = value;  // Save the first array element for later.
    return false;  // Immediately stop the $.each loop after the first array element.
});

console.log(found); // Prints 'first'.

Puedes hacerlo por lodash _.head tan fácilmente.

var arr = ['first', 'second', 'third', 'fourth', 'fifth'];
console.log(_.head(arr));

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.min.js"></script>

@NicoLwk Debe eliminar elementos con empalme, que desplazarán su matriz hacia atrás. Entonces:

var a=['a','b','c'];
a.splice(0,1);
for(var i in a){console.log(i+' '+a[i]);}

Declare un prototipo para obtener el primer elemento de matriz como:

Array.prototype.first = function () {
   return this[0];
};

Luego úsalo como:

var array = [0, 1, 2, 3];
var first = array.first();
var _first = [0, 1, 2, 3].first();

O simplemente (:

first = array[0];

Si está encadenando una vista de funciones a la matriz, por ejemplo

array.map(i => i+1).filter(i => i > 3)

Y si desea el primer elemento después de estas funciones, simplemente puede agregar un .shift()no modifica el original array, es una mejor maneraarray.map(i => i+1).filter(=> i > 3)[0]

Si desea el primer elemento de una matriz sin modificar el original, puede usar array[0]o array.map(n=>n).shift()(sin el mapa, modificará el original. En este caso, sugeriría la ..[0]versión).

var ary = ['first', 'second', 'third', 'fourth', 'fifth'];

console.log(Object.keys(ary)[0]);

Haga cualquier matriz de objetos ( req), luego simplemente Object.keys(req)[0]elija la primera clave en la matriz de objetos.

La respuesta de @thomax es bastante buena, pero fallará si el primer elemento de la matriz es falso o falso-y (0, cadena vacía, etc.). Es mejor volver verdadero para cualquier cosa que no sea indefinida:

const arr = [];
arr[1] = '';
arr[2] = 'foo';

const first = arr.find((v) => { return (typeof v !== 'undefined'); });
console.log(first); // ''

ES6 fácil:

let a = []
a[7] = 'A'
a[10] = 'B'

let firstValue = a.find(v => v)
let firstIndex = a.findIndex(v => v)