Récupérer le dernier élément d'un tableau

Question

Voici mon code JavaScript jusqu'à présent :

var linkElement = document.getElementById("BackButton");
var loc_array = document.location.href.split('/');
var newT = document.createTextNode(unescape(capWords(loc_array[loc_array.length-2]))); 
linkElement.appendChild(newT);

Actuellement, il prend l'avant-dernier élément du tableau de l'URL. Cependant, je veux vérifier que le dernier élément du tableau est bien le suivant "index.html" et si oui, prenez le troisième et dernier élément à la place.

Answer 1

if (loc_array[loc_array.length - 1] === 'index.html') {
   // do something
} else {
   // something else
}

Dans le cas où votre serveur sert le même fichier pour "index.html" et "inDEX.htML", vous pouvez également utiliser : .toLowerCase() .

Cependant, vous pourriez envisager de faire cela côté serveur si possible : ce sera plus propre et fonctionnera pour les personnes sans JS.

---

EDIT - ES-2022

Utilisation de l'ES-2022 Array.at() on peut écrire ce qui précède comme suit :

if (loc_array.at(-1) === 'index.html') {
   // do something
} else {
   // something else
}

Answer 2

Je ne sais pas s'il y a un inconvénient, mais cela semble assez concis :

arr.slice(-1)[0] 

o

arr.slice(-1).pop()

Les deux reviendront undefined si le tableau est vide.

Answer 3

Utilice Array.pop :

var lastItem = anArray.pop();

Important : Cela renvoie le dernier élément et supprime dans le tableau

Answer 4

Une version plus courte de ce que @chaiguy a posté :

Array.prototype.last = function() {
    return this[this.length - 1];
}

La lecture de l'index -1 renvoie undefined déjà.

EDIT :

De nos jours, la préférence semble aller à l'utilisation de modules et à l'évitement de toucher au prototype ou d'utiliser un espace de nom global.

export function last(array) {
    return array[array.length - 1];
}

Answer 5

Je préfère utiliser array.pop() que les index.

while(loc_array.pop()!= "index.html"){
}
var newT = document.createTextNode(unescape(capWords(loc_array[loc_array.length])));

de cette façon, vous obtenez toujours l'élément précédant index.html (à condition que votre tableau ait isolé index.html comme un seul élément). Note : Vous perdrez les derniers éléments du tableau, cependant.