primer elemento de matriz - jQuery

Question

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

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

yo probamos este:

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

Pero sería volver [object Object].

Así que necesito obtener el primer elemento de la matriz que debería ser el elemento first.

Answer 1

como esto

alert(ary[0]) 

Answer 2

Trate alert(ary[0]);.

Answer 3

¿Por qué estás jQuery-ifying una matriz de JavaScript 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

Además,

Source, cortesía de bobince

Answer 4

Cuando hay varias coincidencias, .First de jQuery() se utiliza para ir a buscar el primer elemento DOM que coincidía el selector css dado a jquery.

No necesita jQuery para manipular matrices javascript.

Answer 5

Si desea conservar la legibilidad siempre se puede añadir una primera función a la Array.protoype:

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

A continuación, usted puede fácilmente recuperar el primer elemento:

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

Answer 6

Elemento de índice 0 puede no existir si el primer elemento ha sido eliminado
Demuestrelo en la consola de su navegador:

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

mejor manera de conseguir el primer elemento sin jQuery:

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

Answer 7

@NicoLwk Debe eliminar elementos con empalme, que cambiará la matriz de espalda. Por lo tanto:

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

Answer 8

También es posible usar .get (0):

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

para obtener el primer elemento de la matriz.

Answer 9

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

_.first(your_array); 

Answer 10

método() puede utilizar el cambio de conseguir el primer punto, pero tenga cuidado de que este método modifica la matriz original (elimina el primer elemento y lo devuelve). Por lo tanto, la longitud de una matriz se reduce en uno. Este método se puede utilizar en casos en línea donde solo necesita obtener el primer elemento, pero no le importa la matriz original.

yourArray.shift() 

Answer 11

Utilice 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(","); 

Answer 12

Declarar un prototipo para conseguir primera matriz elemento como:

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

luego usarlo como:

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

O simplemente (:

first = array[0]; 

Answer 13

encontrar el primer elemento de una matriz usando un filtro:

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 claro:

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

Y del mismo modo, indexOf:

a máquina:

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 normal:

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

Answer 14

Si la matriz no está garantizada a poblarse de índice de cero, puede utilizar 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' 

Answer 15

método que obras con matrices, y trabaja con objetos también (ten cuidado, los objetos no tienen un orden garantizado!).

Prefiero este método más, 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; 

Answer 16

Si está encadenando una vista a las funciones de la matriz, p.

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

y desea que el primer elemento después de estas funciones se puede simplemente añadir un .shift() no modifica el original array, es una manera más agradable que array.map(i => i+1).filter(=> i > 3)[0]

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

Answer 17

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

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

Hacer cualquier matriz de objetos (req), entonces simplemente hacer Object.keys(req)[0] para recoger la primera clave de la matriz de objetos.

Answer 18

También puede usar este componente de fuente abierta array-first para obtener el primer elemento de cualquier matriz de Javascript.

Ejemplos:

first([1, 2, 3]) // => 1 
first(['a', 'b', 'c']) // => 'a' 

También pueden probar this NPM package.

Answer 19

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.). Mejor simplemente devolver cierto para nada que no sea indefinido:

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

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

Answer 20

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

ya que "encuentra" devolver el primer elemento que coincide con el filtro & & !!e partido de cualquier elemento.

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

Answer 21

Los ejemplos anteriores funcionan bien cuando el índice de matriz empieza en cero. thomax's answer no se basó en el índice que comienza en cero, pero se basó en Array.prototype.find al que no tuve acceso. La siguiente solución que usa 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'. 

Answer 22

ES6 fácil:

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

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

Answer 23

Usando ES6 desestructuración

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

Qué es la misma que

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