Como obter o primeiro elemento de uma matriz?

Como você obtém o primeiro elemento de uma matriz como esta:

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

Eu tentei isso:

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

Mas voltaria [object Object]. Então, eu preciso obter o primeiro elemento da matriz que deve ser o elemento 'first'.

como isso

alert(ary[0])

Por que você está jQuery-ifying uma matriz JavaScript de baunilha? Use JavaScript padrão!

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

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

Além disso,

Fonte , cortesia de bobince

Algumas das maneiras abaixo para diferentes circunstâncias.

Na maioria dos casos normais, a maneira mais simples de acessar o primeiro elemento é

yourArray[0]

mas isso exige que você verifique se [0] realmente existe.

Existem casos do mundo real em que você não se importa com a matriz original e não deseja verificar se o índice existe, deseja obter apenas o primeiro elemento ou a linha indefinida.

Nesse caso, você pode usar o método shift () para obter o primeiro elemento, mas tenha cuidado para que esse método modifique a matriz original (remove o primeiro item e o retorna). Portanto, o comprimento de uma matriz é reduzido em um. Este método pode ser usado em casos em linha onde você só precisa obter o primeiro elemento, mas não se importa com a matriz original.

yourArray.shift()

O importante é saber que os dois acima são apenas uma opção se o seu array começar com um índice [0].

Há casos em que o primeiro elemento foi excluído, por exemplo, exclua yourArray [0] deixando sua matriz com "buracos". Agora o elemento em [0] é simplesmente indefinido, mas você deseja obter o primeiro elemento "existente". Eu já vi muitos casos reais disso.

Portanto, supondo que não tenhamos conhecimento da matriz e da primeira chave (ou sabemos que existem buracos), ainda podemos obter o primeiro elemento.

Você pode usar find () para obter o primeiro elemento.

A vantagem de find () é sua eficiência, pois sai do loop quando o primeiro valor que satisfaz a condição é atingido (mais sobre isso abaixo). (Você pode personalizar a condição para excluir também valores nulos ou outros valores vazios)

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

Eu também gostaria de incluir filter () aqui como uma opção para "fixar" primeiro a matriz na cópia e depois obter o primeiro elemento, mantendo intacta a matriz original (não modificada).

Outro motivo para incluir filter () aqui é que ele existia antes de find () e muitos programadores já o estavam usando (é o ES5 contra o find () sendo o ES6).

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

Aviso que filter () não é realmente uma maneira eficiente (filter () percorre todos os elementos) e cria outra matriz. É bom usar em pequenas matrizes, pois o impacto no desempenho seria marginal, mais próximo do uso do forEach, por exemplo.

(Vejo algumas pessoas sugerindo o uso de loop for ... in para obter o primeiro elemento, mas eu recomendaria esse método para ... in não deve ser usado para iterar sobre uma matriz em que a ordem do índice é importante porque não ' Para garantir a ordem, embora você possa argumentar que os navegadores respeitam principalmente a ordem. A propósito, o forEach não resolve o problema, como muitos sugerem, porque você não pode quebrá-lo e ele percorrerá todos os elementos. loop e verificando a chave / valor

Ambos find () e filter () garantem a ordem dos elementos, portanto, são seguros para usar como acima.

O elemento do índice 0 pode não existir se o primeiro elemento tiver sido excluído:

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

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

Melhor maneira de obter o primeiro elemento sem o jQuery:

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

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

Usando a desestruturação do ES6

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

Qual é o mesmo que

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

Se você deseja preservar a legibilidade, sempre pode adicionar uma primeira função ao Array.protoype:

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

A, então você pode recuperar facilmente o primeiro elemento:

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

Você pode apenas usar find():

let first = array.find(Boolean);

Ou se você deseja o primeiro elemento, mesmo que falso :

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

Indo a milha extra:

Se você se preocupa com a legibilidade, mas não quer contar com incidências numéricas, pode adicionar uma first()função -f Array.protoypedefinindo-a com a Object​.define​Property()qual atenua as armadilhas da modificação direta do protótipo do objeto Array incorporado ( explicado aqui ).

O desempenho é muito bom ( find()para após o primeiro elemento), mas não é perfeito ou universalmente acessível (somente ES6). Para mais informações, leia a resposta @Selays .

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

Em seguida, para recuperar o primeiro elemento, você pode fazer:

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

> 'a'

Snippet para vê-lo em ação:

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

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

Se não for garantido que sua matriz seja preenchida a partir do índice zero, você poderá 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 

desde que "encontre" retorne o primeiro elemento que corresponde ao filtro && !!ecorresponde a qualquer elemento.

Nota Isto funciona apenas quando o primeiro elemento não é um "Falsas": null, false, NaN, "", 0,undefined

Tente alert(ary[0]);.

Somente no caso de você estar usando underscore.js ( http://underscorejs.org/ ), você poderá:

_.first(your_array);

Eu sei que pessoas que vêm de outros idiomas para JavaScript, procurando algo como head()oufirst() para obter o primeiro elemento de uma matriz, mas como você pode fazer isso?

Imagine que você tem a matriz abaixo:

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

Em JavaScript, você pode simplesmente fazer:

const first = arr[0];

ou uma maneira mais limpa, a maneira mais nova é:

const [first] = arr;

Mas você também pode simplesmente escrever uma função como ...

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

Se você estiver usando sublinhado, há uma lista de funções fazendo a mesma coisa que você procura:

_.first 

_.head

_.take

Método que funciona com matrizes e também com objetos (cuidado, os objetos não têm uma ordem garantida!).

Prefiro mais esse método, porque a matriz original não é modificada.

// 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;

No ES2015 e acima, usando a destruição de matriz:

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

Outro para aqueles preocupados apenas com elementos da verdade

ary.find(Boolean);

Encontre o primeiro elemento em uma matriz usando um filtro:

Em texto datilografado:

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

Em javascript simples:

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

E da mesma forma, indexOf:

Em texto datilografado:

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;
}

Em javascript simples:

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

Quando há várias correspondências, o .first () do JQuery é usado para buscar o primeiro elemento DOM que corresponde ao seletor de css fornecido ao jquery.

Você não precisa do jQuery para manipular matrizes javascript.

Por que não considerar os horários em que sua matriz pode estar vazia?

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

Apenas use ary.slice(0,1).pop();

No

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 ();

Você também pode usar .get (0):

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

Para obter o primeiro elemento da matriz.

Use isso para dividir caracteres em javascript.

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

Os exemplos anteriores funcionam bem quando o índice da matriz começa em zero. A resposta da thomax não se baseou no índice começando em zero, mas no Array.prototype.findqual eu não tinha acesso. A seguinte solução usando jQuery $ .each funcionou bem no meu 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'.

Você pode fazer isso por lodash _.head tão facilmente.

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 Você deve remover elementos com emenda, que mudará sua matriz de volta. Assim:

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

Declare um protótipo para obter o primeiro elemento da matriz como:

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

Em seguida, use-o como:

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

Ou simplesmente (:

first = array[0];

Se você estiver encadeando funções de exibição para o array, por exemplo,

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

E deseja o primeiro elemento após essas funções, você pode simplesmente adicionar um .shift()item que não modifica o original array, é uma maneira melhorarray.map(i => i+1).filter(=> i > 3)[0]

Se você deseja o primeiro elemento de uma matriz sem modificar o original, você pode usar array[0]ou array.map(n=>n).shift()(sem o mapa você modificará o original. Nesse caso, por exemplo, sugiro a ..[0]versão.

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

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

Faça qualquer array de objetos ( req) e, em seguida, simplesmente Object.keys(req)[0]escolha a primeira chave na matriz de objetos.

A resposta de @thomax é muito boa, mas falhará se o primeiro elemento da matriz for falso ou falso-y (0, string vazia etc.). Melhor simplesmente retornar true para algo diferente de indefinido:

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)