Certaines des façons ci-dessous pour différentes circonstances.
Dans la plupart des cas normaux, le moyen le plus simple d'accéder au premier élément est de
yourArray[0]
mais cela vous oblige à vérifier si [0] existe réellement.
Il y a des cas réels où vous ne vous souciez pas du tableau d'origine et ne voulez pas vérifier si l'index existe, vous voulez simplement obtenir le premier élément ou en ligne non défini.
Dans ce cas, vous pouvez utiliser la méthode shift () pour obtenir le premier élément, mais veillez à ce que cette méthode modifie le tableau d'origine (supprime le premier élément et le renvoie). Par conséquent, la longueur d'un tableau est réduite de un. Cette méthode peut être utilisée dans les cas en ligne où vous avez juste besoin d'obtenir le premier élément, mais vous ne vous souciez pas du tableau d'origine.
yourArray.shift()
La chose importante à savoir est que les deux ci-dessus ne sont une option que si votre tableau commence par un index [0].
Il y a des cas où le premier élément a été supprimé, par exemple avec, supprimez votre tableau [0] en laissant votre tableau avec des "trous". L'élément à [0] n'est maintenant tout simplement pas défini, mais vous voulez obtenir le premier élément "existant". J'ai vu de nombreux cas réels de cela.
Donc, en supposant que nous n'avons aucune connaissance du tableau et de la première clé (ou nous savons qu'il y a des trous), nous pouvons toujours obtenir le premier élément.
Vous pouvez utiliser find () pour obtenir le premier élément.
L'avantage de find () est son efficacité car il quitte la boucle lorsque la première valeur satisfaisant la condition est atteinte (plus d'informations à ce sujet ci-dessous). (Vous pouvez également personnaliser la condition pour exclure les valeurs nulles ou autres valeurs vides)
var firstItem = yourArray.find(x=>x!==undefined);
Je voudrais également inclure filter () ici comme option pour «fixer» le tableau dans la copie, puis obtenir le premier élément tout en gardant le tableau d'origine intact (non modifié).
Une autre raison d'inclure filter () ici est qu'il existait avant find () et que de nombreux programmeurs l'ont déjà utilisé (c'est ES5 contre find () étant ES6).
var firstItem = yourArray.filter(x => typeof x!==undefined).shift();
Avertissement que filter () n'est pas vraiment un moyen efficace (filter () parcourt tous les éléments) et crée un autre tableau. Il est bon de l'utiliser sur de petites baies, car l'impact sur les performances serait marginal, plus proche de l'utilisation de forEach, par exemple.
(Je vois que certaines personnes suggèrent d'utiliser for ... in loop pour obtenir le premier élément, mais je déconseille cette méthode car ... in ne doit pas être utilisé pour itérer sur un tableau où l'ordre des index est important car il ne le fait pas '' ne garantissez pas la commande, bien que vous puissiez affirmer que les navigateurs respectent la plupart du temps la commande.Par ailleurs, forEach ne résout pas le problème comme beaucoup le suggèrent, car vous ne pouvez pas le casser et il fonctionnera à travers tous les éléments. boucle et en vérifiant clé / valeur
Find () et filter () garantissent l'ordre des éléments, ils sont donc sûrs à utiliser comme ci-dessus.