これまでの私のJavaScriptコードは次のとおりです。

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

現在、配列の最後から2番目の項目がURLから取得されます。ただし、配列の最後の項目があるかどうかを確認したい場合は、最後から"index.html"3番目の項目を代わりに取得します。

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

サーバーが「index.html」と「inDEX.htML」に同じファイルを提供する場合は、次も使用できます.toLowerCase()。

ただし、可能であれば、このサーバー側での実行を検討することをお勧めします。JSを使用していない人にとっては、よりクリーンで機能します。

欠点があるかどうかはわかりませんが、これは非常に簡潔に見えます。

arr.slice(-1)[0] 

または

arr.slice(-1).pop()

undefined配列が空の場合、どちらも戻ります。

Array.popを使用します。

var lastItem = anArray.pop();

重要：これは最後の要素を 返し、配列から削除します

@chaiguyが投稿したものの短いバージョン：

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

-1のインデックスを読み取ると、undefined既に戻ります。

編集：

最近の好みはモジュールを使用しているようで、プロトタイプに触れたり、グローバル名前空間を使用したりすることを避けています。

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

次の2つのオプションがあります。

var last = arr[arr.length - 1]

または

var last = arr.slice(-1)[0]

前者の方が高速ですが、後者は見栄えがします

http://jsperf.com/slice-vs-length-1-arr

元のARRAYに影響を与えずに取得する方法は次のとおりです

a = [1,2,5,6,1,874,98,"abc"];
a.length; //returns 8 elements

pop（）を使用すると、配列が変更されます

a.pop();  // will return "abc" AND REMOVES IT from the array 
a.length; // returns 7

ただし、これを使用して元の配列に影響を与えることはできません。

a.slice(-1).pop(); // will return "abc" won't do modify the array 
                   // because slice creates a new array object 
a.length;          // returns 8; no modification and you've got you last element 

「最もクリーンな」ES6方法（IMO）は次のようになります。

const foo = [1,2,3,4];
const bar = [...foo].pop();

これにより、spread演算子を使用しなかった場合のように、の変更が回避さfooれ.pop()ます。
そうは言っても、私はfoo.slice(-1)[0]解決策も好きです。

array.pop()インデックスよりも使用したい。

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

このようにして、常にindex.htmlの前の要素を取得します（配列にindex.htmlが1つのアイテムとして分離されている場合）。注：ただし、配列の最後の要素は失われます。

削除せずに要素を取得するだけの場合は、もっと簡単にこれを使用します：

arr.slice(-1)[0]

注：配列が空の場合（例：）、[]これはを返しundefinedます。

ちなみに...パフォーマンスはチェックしませんでしたが、書く方がシンプルでクリーンだと思います

const [lastItem] = array.slice(-1);

-1を指定したArray.prototype.sliceを使用して、元の配列の最後の項目のみを含む新しい配列を作成できます。次に、Destructuring Assignmentを使用して、その新しい配列の最初の項目を使用して変数を作成できます。

const lotteryNumbers = [12, 16, 4, 33, 41, 22];
const [lastNumber] = lotteryNumbers.slice(-1);

console.log(lotteryNumbers.slice(-1));
// => [22]
console.log(lastNumber);
// => 22

配列の最後の項目を取得するには、負の値でスライスメソッドを使用します。

詳細については、こちらの下部をご覧ください。

var fileName = loc_array.slice(-1)[0];
if(fileName.toLowerCase() == "index.html")
{
  //your code...
}

pop（）を使用すると配列が変更されますが、これは常に良い考えとは限りません。

このパターンを使用できます...

let [last] = arr.slice(-1);

それはかなりうまく読みながら、それは他のソリューションよりも効率だが、それがあることはほとんどないだろうので、それは新しい配列を作成し、心に留めておく、アプリケーションのパフォーマンスのボトルネック。

この質問はずっと前からあったので、の後に最後の要素を元に戻すことについて誰も言及しなかったことに驚きpop()ます

arr.pop()はとまったく同じくらい効率的arr[arr.length-1]で、どちらもと同じ速度arr.push()です。

したがって、次の方法で回避できます。

--- EDITED [ プッシュする前にthePopないことを確認undefined] ---

let thePop = arr.pop()
thePop && arr.push(thePop)

---編集を終了---

これを減らすことができます（同じ速度[編集：しかし安全ではありません！]）：

arr.push(thePop = arr.pop())    //Unsafe if arr empty

これはの2倍の速度arr[arr.length-1]ですが、インデックスを使用する必要はありません。それはいつでも金の価値があります。

私が試したソリューションのうち、実行時間単位（ETU）の倍数でarr[arr.length-1]：

[方法] .............. [ETU 5エレム] ... [ETU 100万エレム]

arr[arr.length - 1]      ------> 1              -----> 1

let myPop = arr.pop()
arr.push(myPop)          ------> 2              -----> 2

arr.slice(-1).pop()      ------> 36             -----> 924  

arr.slice(-1)[0]         ------> 36             -----> 924  

[...arr].pop()           ------> 120            -----> ~21,000,000 :)

最後の3つのオプション（[...arr].pop()特に）は、配列のサイズが大きくなるにつれて非常に悪くなります。私のマシンのメモリ制限のないマシンでは、[...arr].pop()おそらく120：1の比率のようなものを維持します。それでも、誰もリソースの独り占めが好きではありません。

一度に最後の要素を取得したい場合は、次のように使用できますArray#splice()。

lastElement = document.location.href.split('/').splice(-1,1);

ここでは、分割された要素を配列に格納し、最後の要素に到達する必要はありません。最後の要素を取得することが唯一の目的である場合は、これを使用する必要があります。

注：これにより、最後の要素が削除され、元の配列が変更されます。最後の要素をポップsplice(-1,1)するpop()関数と考えてください。

Arrayプロトタイプをオーバーロードすることを恐れない人のために（そして列挙マスキングを使用してはいけません）：

Object.defineProperty( Array.prototype, "getLast", {
    enumerable: false,
    configurable: false,
    writable: false,
    value: function() {
        return this[ this.length - 1 ];
    }
} );

jQueryはこれをきれいに解決します。

> $([1,2,3]).get(-1)
3
> $([]).get(-1)
undefined

私は通常underscorejsを使用しますが、それであなたはちょうど行うことができます

if (_.last(loc_array) === 'index.html'){
  etc...
}

私にとってそれはより意味的です loc_array.slice(-1)[0]

あなたがそれを探してここに来たなら、ここにもっとJavascriptアートがあります

を使用した別の答えの精神でreduceRight()、より短い：

[3, 2, 1, 5].reduceRight(a => a);

これは、初期値を指定しない場合、最後の要素が初期要素として選択されるという事実に依存しています（ここのドキュメントを確認してください）。コールバックは初期値を返し続けるだけなので、最後の要素が最後に返される要素になります。

これはJavascriptアートと見なされるべきであり、決してO（n）時間で実行されるため、また読みやすさを損なうため、私が推奨する方法ではないことに注意してください。

そして今深刻な答えのために

私が見る最良の方法（あなたがそれをより簡潔にしたいと考えるならarray[array.length - 1]）はこれです：

const last = a => a[a.length - 1];

次に、関数を使用します：

last([3, 2, 1, 5])

この関数は[3, 2, 1, 5]、上記のように無名配列を処理している場合に実際に役立ちます。そうでない場合は、2回インスタンス化する必要があり、非効率的で見苦しいものになります。

[3, 2, 1, 5][[3, 2, 1, 5].length - 1]

ああ。

たとえば、無名配列があり、変数を定義する必要がある状況ですが、last()代わりに使用できます。

last("1.2.3".split("."));

ここに別のオプションを置くだけです。

loc_array.splice(-1)[0] === 'index.html'

私は、上記のアプローチの方がよりクリーンで短いオンラインであることがわかりました。ぜひ、気軽に試してみてください。

注：元の配列を変更します。変更したくない場合は、使用できます。 slice()

loc_array.slice(-1)[0] === 'index.html'

これを指摘してくれた@VinayPaiに感謝します。

JavaScriptで配列の最後の値を見つける複数の方法

• 元のアレイに影響を与えることなく

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

console.log(arr.slice(-1)[0])
console.log(arr[arr.length-1])
const [last] = [...arr].reverse();
console.log(last)
console.log(arr.reverse()[0])

• 元の配列を変更します

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

console.log(arr.pop())
arr.push(5)
console.log(...arr.splice(-1));

• 独自のヘルパーメソッドを作成する

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

Object.defineProperty(arr, 'last', 
{ get: function(){
  return this[this.length-1];
 }
})

console.log(arr.last);

const lastElement = myArray[myArray.length - 1];

これは、パフォーマンスの観点からの最良のオプションです（arr.slice（-1）よりも1000倍高速）。

個人的に私はkuporific / kritzikratziの回答に賛成票を投じます。ネストされた配列で作業している場合、array [array.length-1]メソッドは非常に醜くなります。

var array = [[1,2,3], [4,5,6], [7,8,9]]
​
array.slice(-1)[0]
​
//instead of 
​
array[array.length-1]
​
//Much easier to read with nested arrays
​
array.slice(-1)[0].slice(-1)[0]
​
//instead of
​
array[array.length-1][array[array.length-1].length-1]

ECMAScriptプロポーザルの ステージ1には、最後の要素を返す配列プロパティを追加する提案があります：proposal-array-last。

構文：

arr.lastItem // get last item
arr.lastItem = 'value' // set last item

arr.lastIndex // get last index

あなたはポリフィルを使うことができます。

提案作者：キース・シルケル（チャイ・オーター）

元の配列から最後のアイテムを削除しないようにするには、次のようにします

Array.from(myArray).pop()

ほとんどのブラウザでサポートされています（ES6）

プロトタイプにlast()関数を追加できArrayます。

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

使用するだけではなく、reverse() !!!

いくつかの回答reverseでreverseは、元の配列を変更し、（他の言語やフレームワークのように）コピーを返さないという事実について言及していますが言及していません。

var animals = ['dog', 'cat'];

animals.reverse()[0]
"cat"

animals.reverse()[0]
"dog"

animals.reverse()[1]
"dog"

animals.reverse()[1]
"cat"

これは、デバッグするのに最悪のタイプのコードになる可能性があります。

ES6オブジェクトの破壊は別の方法です。

const {length, [length-1]: last}=[1,2,3,4,5]
console.log(last)

オブジェクトの分解を使用して、配列から長さプロパティを抽出します。[length-1]によって既に抽出されたキーを使用して別の動的キーを作成し、それをすべて1行でlastに割り当てます。

のすべてのインスタンスからアクセスできるように、新しいプロパティゲッターをのプロトタイプにArray追加できますArray。

ゲッターを使用すると、プロパティの値のように、関数の戻り値にアクセスできます。もちろん、関数の戻り値は配列（this[this.length - 1]）の最後の値です。

最後に、それをlast-propertyがまだundefined（それに依存する可能性のある別のスクリプトによって定義されていない）かどうかをチェックする条件でラップします。

if(typeof Array.prototype.last === 'undefined') {
    Object.defineProperty(Array.prototype, 'last', {
        get : function() {
            return this[this.length - 1];
        }
    });
}

// Now you can access it like
[1, 2, 3].last;            // => 3
// or
var test = [50, 1000];
alert(test.last);          // Says '1000'

IE≤8では機能しません。

編集：

最近、私はもう1つの解決策を考え出しました。この解決策は、自分のニーズに最適だと思います。

function w(anArray) {
  return {
    last() {
      return anArray [anArray.length - 1];
    };
  };
}

上記の定義が有効であれば、次のように言うことができます。

let last = w ([1,2,3]).last();
console.log(last) ; // -> 3

「w」という名前は「ラッパー」を意味します。このラッパーに「last（）」以外のメソッドを簡単に追加する方法を確認できます。

「自分のニーズに最適」と言います。これにより、他のそのような「ヘルパーメソッド」をJavaScriptの組み込み型に簡単に追加できるためです。頭に浮かぶのは、たとえばLispのcar（）とcdr（）です。

私は最も簡単で超非効率的な方法だと思います：

var array = ['fenerbahce','arsenal','milan'];
var reversed_array = array.reverse(); //inverts array [milan,arsenal,fenerbahce]
console.log(reversed_array[0]) // result is "milan".