Wie erhalte ich das erste Element eines Arrays?

Wie erhält man das erste Element aus einem Array wie diesem:

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

Ich habe es versucht:

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

Aber es würde zurückkehren [object Object]. Also muss ich das erste Element aus dem Array holen, das das Element sein sollte 'first'.

so was

alert(ary[0])

Warum jQuery-ifying Sie ein Vanille-JavaScript-Array? Verwenden Sie Standard-JavaScript!

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

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

Ebenfalls,

Quelle mit freundlicher Genehmigung von Bobince

Einige der folgenden Möglichkeiten für verschiedene Umstände.

In den meisten normalen Fällen ist der einfachste Weg, auf das erste Element zuzugreifen, der von

yourArray[0]

Dazu müssen Sie jedoch überprüfen, ob [0] tatsächlich vorhanden ist.

Es gibt Fälle in der realen Welt, in denen Sie sich nicht für das ursprüngliche Array interessieren und nicht überprüfen möchten, ob ein Index vorhanden ist. Sie möchten nur das erste Element oder eine undefinierte Inline erhalten.

In diesem Fall können Sie die Methode shift () verwenden, um das erste Element abzurufen. Beachten Sie jedoch, dass diese Methode das ursprüngliche Array ändert (entfernt das erste Element und gibt es zurück). Daher wird die Länge eines Arrays um eins reduziert. Diese Methode kann in Inline-Fällen verwendet werden, in denen Sie nur das erste Element abrufen müssen, sich aber nicht um das ursprüngliche Array kümmern.

yourArray.shift()

Wichtig zu wissen ist, dass die beiden oben genannten nur dann eine Option sind, wenn Ihr Array mit einem [0] -Index beginnt.

Es gibt Fälle, in denen das erste Element gelöscht wurde, z. B. mit delete yourArray [0], wobei Ihr Array mit "Löchern" belassen wird. Jetzt ist das Element bei [0] einfach undefiniert, aber Sie möchten das erste "vorhandene" Element erhalten. Ich habe viele reale Fälle davon gesehen.

Vorausgesetzt, wir kennen das Array und den ersten Schlüssel nicht (oder wir wissen, dass es Löcher gibt), können wir trotzdem das erste Element erhalten.

Sie können find () verwenden , um das erste Element abzurufen.

Der Vorteil von find () ist seine Effizienz, wenn es die Schleife verlässt, wenn der erste Wert erreicht ist, der die Bedingung erfüllt (mehr dazu weiter unten). (Sie können die Bedingung so anpassen, dass auch null oder andere leere Werte ausgeschlossen werden.)

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

Ich möchte hier auch filter () als Option einfügen, um zuerst das Array in der Kopie zu "reparieren" und dann das erste Element zu erhalten, während das ursprüngliche Array intakt bleibt (unverändert).

Ein weiterer Grund, filter () hier aufzunehmen, ist, dass es vor find () existierte und viele Programmierer es bereits verwendet haben (es ist ES5 gegen find () als ES6).

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

Warnung, dass filter () nicht wirklich effizient ist (filter () durchläuft alle Elemente) und ein anderes Array erstellt. Die Verwendung auf kleinen Arrays ist in Ordnung, da die Auswirkungen auf die Leistung gering wären, beispielsweise näher an der Verwendung von forEach.

(Ich sehe, dass einige Leute vorschlagen, for ... in loop zu verwenden, um das erste Element zu erhalten, aber ich würde gegen diese Methode empfehlen, da ... in nicht verwendet werden sollte, um über ein Array zu iterieren, bei dem die Indexreihenfolge wichtig ist, weil dies nicht der Fall ist. ' t garantieren die Reihenfolge, obwohl Sie argumentieren können, dass Browser die Reihenfolge meistens respektieren. Übrigens löst forEach das Problem nicht so, wie viele vorschlagen, weil Sie es nicht brechen können und es alle Elemente durchläuft. Sie sollten besser ein einfaches für verwenden Schleife und durch Überprüfen von Schlüssel / Wert

Sowohl find () als auch filter () garantieren die Reihenfolge der Elemente und können daher wie oben beschrieben sicher verwendet werden.

Element mit Index 0 ist möglicherweise nicht vorhanden, wenn das erste Element gelöscht wurde:

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

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

Besserer Weg, um das erste Element ohne jQuery zu erhalten:

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

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

Verwenden der ES6-Destrukturierung

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

Welches ist das gleiche wie

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

Wenn Sie die Lesbarkeit erhalten möchten, können Sie jederzeit eine erste Funktion hinzufügen Array.protoype:

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

Dann können Sie leicht das erste Element abrufen:

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

Sie können einfach verwenden find():

let first = array.find(Boolean);

Oder wenn Sie das erste Element wollen, auch wenn es falsch ist :

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

Die Extrameile gehen:

Wenn Sie Wert auf Lesbarkeit legen, sich aber nicht auf numerische Vorkommnisse verlassen möchten, können Sie eine Funktion hinzufügen first(), Array.protoypeindem Sie sie definieren, mit Object​.define​Property()der die Fallstricke beim direkten Ändern des integrierten Array-Objektprototyps gemindert werden ( hier erläutert ).

Die Leistung ist ziemlich gut ( find()stoppt nach dem ersten Element), aber nicht perfekt oder universell zugänglich (nur ES6). Weitere Hintergrundinformationen finden Sie unter @Selays Antwort .

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

Um das erste Element abzurufen, können Sie Folgendes tun:

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

> 'a'

Snippet, um es in Aktion zu sehen:

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

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

Wenn nicht garantiert wird, dass Ihr Array mit dem Index Null gefüllt ist, können Sie Folgendes verwenden 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 

da "find" das erste Element zurückgibt, das mit dem Filter !!eübereinstimmt && mit einem beliebigen Element übereinstimmt.

Hinweis Dies funktioniert nur , wenn das erste Element ist kein „Falsy“: null, false, NaN, "", 0,undefined

Versuchen Sie es alert(ary[0]);.

Nur wenn Sie underscore.js ( http://underscorejs.org/ ) verwenden, können Sie Folgendes tun:

_.first(your_array);

Ich weiß, dass Leute, die aus anderen Sprachen zu JavaScript kommen, nach etwas wie head()oder first()nach dem ersten Element eines Arrays suchen , aber wie können Sie das tun?

Stellen Sie sich vor, Sie haben das folgende Array:

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

In JavaScript können Sie einfach Folgendes tun:

const first = arr[0];

oder ein ordentlicher, neuerer Weg ist:

const [first] = arr;

Sie können aber auch einfach eine Funktion schreiben wie ...

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

Wenn Sie einen Unterstrich verwenden, gibt es eine Liste von Funktionen, die dasselbe tun, wonach Sie suchen:

_.first 

_.head

_.take

Methode, die mit Arrays und auch mit Objekten funktioniert (Vorsicht, Objekte haben keine garantierte Reihenfolge!).

Ich bevorzuge diese Methode am meisten, da das ursprüngliche Array nicht geändert wird.

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

In ES2015 und höher mit Array-Destrukturierung:

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

Eine andere für diejenigen, die sich nur mit wahrheitsgemäßen Elementen befassen

ary.find(Boolean);

Suchen Sie das erste Element in einem Array mithilfe eines Filters:

Im Typoskript:

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

In einfachem Javascript:

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

Und in ähnlicher Weise indexOf:

Im Typoskript:

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

In einfachem Javascript:

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

Wenn mehrere Übereinstimmungen vorliegen, wird JQuerys .first () zum Abrufen des ersten DOM-Elements verwendet, das mit dem CSS-Selektor übereinstimmt, der für jquery angegeben wurde.

Sie benötigen jQuery nicht, um Javascript-Arrays zu bearbeiten.

Warum nicht berücksichtigen, wann Ihr Array möglicherweise leer ist?

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

Benutz einfach ary.slice(0,1).pop();

Im

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

Sie können auch .get (0) verwenden:

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

Um das erste Element des Arrays zu erhalten.

Verwenden Sie diese Option, um Zeichen in Javascript zu teilen.

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

Die vorherigen Beispiele funktionieren gut, wenn der Array-Index bei Null beginnt. Die Antwort von thomax beruhte nicht auf dem Index, der bei Null begann, sondern auf dem Index, auf Array.prototype.findden ich keinen Zugriff hatte. Die folgende Lösung mit jQuery $ .each hat in meinem Fall gut funktioniert.

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'.

Sie können es so einfach mit lodash _.head tun.

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 Sie sollten Elemente mit Spleiß entfernen, um Ihr Array zurück zu verschieben. So:

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

Deklarieren Sie einen Prototyp, um das erste Array- Element zu erhalten:

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

Dann verwenden Sie es als:

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

Oder einfach (:

first = array[0];

Wenn Sie eine Ansicht mit dem Array verketten, z

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

Und wenn .shift()Sie das erste Element nach diesen Funktionen möchten, können Sie einfach ein Element hinzufügen , das das Original nicht ändert. Es ist arraydann eine schönere Methodearray.map(i => i+1).filter(=> i > 3)[0]

Wenn Sie das erste Element eines Arrays möchten, ohne das Original zu ändern, können Sie es verwenden array[0]oder array.map(n=>n).shift()(ohne die Karte ändern Sie das Original. In diesem Fall würde ich übrigens die ..[0]Version vorschlagen .

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

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

Erstellen Sie ein beliebiges Objektarray ( req) und Object.keys(req)[0]wählen Sie dann einfach den ersten Schlüssel im Objektarray aus.

Die Antwort von @thomax ist ziemlich gut, schlägt jedoch fehl, wenn das erste Element im Array false oder false-y ist (0, leere Zeichenfolge usw.). Es ist besser, nur für etwas anderes als undefiniert true zurückzugeben:

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

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

ES6 einfach:

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

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