获取数组中的最后一项

以下是我迄今为止的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);

目前，它从URL中获取数组中倒数第二项。但是，我想检查数组中的最后一个项目是否为“index.html”，如果是这样，则获取倒数第三个项目。

当前回答

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

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

2017-04-20 10:59:01

其他回答

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

如果您的服务器为“index.html”和“index.html”提供相同的文件，您也可以使用：.toLowerCase（）。

不过，如果可能的话，您可能会考虑在服务器端做这件事：它会更干净，适用于没有JS的人。

编辑-ES-2022

使用ES-2022 Array.at（），上面的内容可以这样写：

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

2010-07-09 19:48:58

简单的回答

const array = [1,2,3]
array[array.length - 1]

2020-08-14 18:48:57

我认为这应该很好。

var arr = [1, 2, 3];
var last_element = arr.reverse()[0];

只需反转数组并获得第一个元素。

编辑：如下所述，原始阵列将被反转。为了避免这种情况，您可以将代码更改为：

var arr = [1, 2, 3];
var last_element = arr.slice().reverse()[0];

这将创建原始阵列的副本。

2020-03-29 20:09:11

表演

今天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结果示例

2020-05-16 15:50:08