无论你做什么，不要只使用reverse（）！！！

一些答案提到了reverse，但没有提到reverse修改了原始数组，并且不会返回副本（在其他一些语言或框架中）。

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

animals.reverse()[0]
"cat"

animals.reverse()[0]
"dog"

animals.reverse()[1]
"dog"

animals.reverse()[1]
"cat"

这可能是要调试的最糟糕的代码类型！

我建议您创建助手函数，并在每次需要时重用它。让我们让函数更通用，以便不仅可以获取最后一项，还可以获取倒数第二项，依此类推。

function last(arr, i) {
    var i = i || 0;
    return arr[arr.length - (1 + i)];
}

用法很简单

var arr = [1,2,3,4,5];
last(arr);    //5
last(arr, 1); //4
last(arr, 9); //undefined

现在，让我们解决最初的问题

从数组中抓取倒数第二项。如果loc_array中的最后一个项目是“index.html”，则抓取倒数第三个项目。

下一行完成任务

last(loc_array, last(loc_array) === 'index.html' ? 2 : 1);

所以，你需要重写

var newT = document.createTextNode(unescape(capWords(loc_array[loc_array.length-2]))); 

以这种方式

var newT = document.createTextNode(unescape(capWords(last(loc_array, last(loc_array) === 'index.html' ? 2 : 1)))); 

或使用附加变量来增加可读性

var nodeName = last(loc_array, last(loc_array) === 'index.html' ? 2 : 1);
var newT = document.createTextNode(unescape(capWords(nodeName)));

这行吗？

if (loc_array.pop() == "index.html"){
var newT = document.createTextNode(unescape(capWords(loc_array[loc_array.length-3])));
}
else{
var newT = document.createTextNode(unescape(capWords(loc_array[loc_array.length-2])));
}

表演

今天2020.05.16我在MacOs High Sierra v10.13.6上对Chrome v81.0、Safari v13.1和Firefox v76.0上选择的解决方案进行了测试

结论

arr[arr.length-1]（D）被推荐为最快的跨浏览器解决方案可变解arr.pop（）（A）和不可变的_.last（arr）（L）是快速的解I、J对于长字符串来说是慢的解决方案H、K（jQuery）在所有浏览器上都是最慢的

细节

我测试了两种解决方案：

可变的：A，BC不可变：D，EFGH我J（我的），从外部库不可变：K，LM

两种情况

短字符串-10个字符-您可以在此处运行测试长字符串-1M个字符-您可以在此处运行测试

函数A（arr）{return arr.pop（）；}函数B（arr）{返回arr.splice（-1,1）；}函数C（arr）{return arr.reverse（）[0]}函数D（arr）{返回arr[arr.length-1]；}函数E（arr）{返回arr.slice（-1）[0]；}函数F（arr）{let〔last〕=arr.slice（-1）；最后返回；}函数G（arr）{返回arr.slice（-1）.pop（）；}函数H（arr）{return[…arr].pop（）；}函数I（arr）{return arr.reduceRight（a=>a）；}函数J（arr）{返回arr.find（（e，i，a）=>a.length==i+1）；}函数K（arr）{return$（arr）.get（-1）；}函数L（arr）{return _.last（arr）；}函数M（arr）{return _.nth（arr，-1）；}// ----------//测试// ----------让loc_array=[“域”、“a”、“b”、“c”、“d”、“e”、“f”、“g”、“h”、“文件”]；log=（f）=>console.log（`${f.name}:${f（[…loc_array]）}`）；[A、B、C、D、E、F、G、H、I、J、K、L、M]。对于每个（F=>log（F））；<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><script src=“https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js“integrity=”sha256-VeNaFBVDhoX3H+gJ37DpT/nTuZTdjYro9yBruHjVmoQ=“crossrorigin=”匿名“></script>

短字符串的Chrome结果示例

编辑：

最近，我又提出了一个解决方案，我现在认为这是最适合我的需求的：

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（）例子

您可以在Array的原型中添加一个新的属性getter，以便它可以通过Array的所有实例访问。

Getters允许您访问函数的返回值，就像它是属性的值一样。函数的返回值当然是数组的最后一个值（this[this.length-1]）。

最后，将其包装在一个条件中，该条件检查最后一个属性是否仍然未定义（未由可能依赖它的另一个脚本定义）。

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时不工作。