获取数组中的最后一项

以下是我迄今为止的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”，如果是这样，则获取倒数第三个项目。

当前回答

这个问题已经存在了很长一段时间，所以我很惊讶没有人提到在pop（）之后重新打开最后一个元素。

arr.pop（）的效率与arr[arr.length-1]完全相同，两者的速度都与arr.push（）相同。

因此，您可以避免：

---已编辑[在推送前检查顶部是否未定义]---

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

---结束编辑---

可以降低到这个速度（相同速度[编辑：但不安全！]）：

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

这是arr[arr.length-1]的两倍慢，但您不必到处填充索引。这在任何一天都是值得的。

在我尝试过的解决方案中，以arr[arr.length-1]的执行时间单位（ETU）的倍数表示：

[方法]。。。。。。。。。。。。。。[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 :)

最后三个选项，特别是[…arr].pop（），随着数组大小的增加，会变得非常糟糕。在没有我的机器内存限制的机器上，[…arr].pop（）可能会保持120:1的比率。然而，没有人喜欢资源猪。

2018-08-09 09:33:41

其他回答

@chaiguy发布内容的简短版本：

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

读取-1索引已返回undefined。

编辑：

如今，人们倾向于使用模块，避免接触原型或使用全局命名空间。

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

2012-10-01 15:08:54

您可以在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时不工作。

2014-07-06 19:27:27

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