选择JavaScript数组中的最后一个元素[重复]

Question

我正在制作一个实时更新用户位置和路径并将其显示在 Google 地图上的应用程序。我的功能允许使用每秒更新的对象同时跟踪多个用户。

现在，当用户在 Android 应用中按下按钮时，坐标会发送到数据库，并且每次位置发生变化时，都会在地图上更新一个标记（并形成一条折线）。

由于我有多个用户，我发送一个唯一且随机生成的字母数字字符串，以便我可以为每个用户显示单独的路径。当 JS 从数据库中提取这些数据时，它会检查用户是否存在，如果不存在，它会创建一个新键，其值为列表。它看起来像这样：

loc = {f096012e-2497-485d-8adb-7ec0b9352c52: [new google.maps.LatLng(39, -86),
                                              new google.maps.LatLng(38, -87),
                                              new google.maps.LatLng(37, -88)],
       44ed0662-1a9e-4c0e-9920-106258dcc3e7: [new google.maps.LatLng(40, -83),
                                              new google.maps.LatLng(41, -82),
                                              new google.maps.LatLng(42, -81)]}

我正在做的是将坐标列表存储为键的值，即用户的 ID。每次通过添加到列表中更改位置时，我的程序都会不断更新此列表（这可以正常工作）。

我需要做的是每次位置更改时更新标记的位置。我想通过选择数组中的最后一项来做到这一点，因为那将是最后一个已知位置。现在，每次更改位置时，都会向地图添加一个新标记（示例中的每个点都会在该位置显示一个标记），因此会继续添加标记。

每次位置更新时，我都会使用“for (x in loc)”语句从列表中获取最后一个位置并使用它来更新标记。如何从哈希中的数组中选择最后一个元素？

Answer 1

如何访问数组的最后一个元素

看起来是这样的：

var my_array = /* some array here */;
var last_element = my_array[my_array.length - 1];

在你的情况下看起来像这样：

var array1 = loc['f096012e-2497-485d-8adb-7ec0b9352c52'];
var last_element = array1[array1.length - 1];

或者，在更长的版本中，不创建新变量：

loc['f096012e-2497-485d-8adb-7ec0b9352c52'][loc['f096012e-2497-485d-8adb-7ec0b9352c52'].length - 1];

如何添加更简单的方法

如果您喜欢创建函数/快捷方式来完成此类任务，请使用以下代码：

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

将允许您通过调用数组的 last() 方法来获取数组的最后一个元素，例如：

loc['f096012e-2497-485d-8adb-7ec0b9352c52'].last();

你可以在这里检查它是否有效：http://jsfiddle.net/D4NRN/

Answer 2

使用slice() 方法：

my_array.slice(-1)[0]

Answer 3

您也可以.pop 关闭最后一个元素。 小心，这会改变数组的值，但这对你来说可能没问题。

var a = [1,2,3];
a.pop(); // 3
a // [1,2]

Answer 4

使用 es6 解构数组和扩展运算符

var last = [...yourArray].pop();

注意 yourArray 不会改变。

Answer 5

var arr = [1, 2, 3];
arr.slice(-1).pop(); // return 3 and arr = [1, 2, 3]

如果数组为空，这将返回 undefined 并且不会改变数组的值。

Answer 6

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

我发现 -1 处的 slice 对于获取最后一个元素（尤其是未知长度的数组）很有用，而且性能比计算长度小于 1 的要好得多。

Mozilla Docs on Slice

Performance of the various methods for selecting last array element

Answer 7

Underscore 和 Lodash 具有 _.last(Array) 方法，它返回数组中的最后一个元素。它们的工作原理相同

_.last([5, 4, 3, 2, 1]);
=> 1

Ramda 也有一个_.last 函数

R.last(['fi', 'fo', 'fum']); //=> 'fum'

Answer 8

这行得通：

array.reverse()[0]

Answer 9

如果你使用的是 ES6，你可以这样做：

const arr = [ 1, 2, 3 ];
[ ...arr ].pop(); // 3
arr; // [ 1, 2, 3 ] (wasn't changed)

Answer 10

所以，很多人都在回答 pop()，但他们中的大多数人似乎没有意识到这是一种破坏性的方法。

var a = [1,2,3]
a.pop()
//3
//a is now [1,2]

所以，对于一个非常愚蠢的非破坏性方法：

var a = [1,2,3]
a[a.push(a.pop())-1]
//3

一种流行音乐，就像 90 年代一样 :)

push 将一个值附加到数组的末尾，并返回结果的长度。所以

d=[]
d.push('life') 
//=> 1
d 
//=>['life']

pop 在删除该索引处的值之前返回数组的最后一项的值。所以

c = [1,2,1]
c.pop() 
//=> 1
c 
//=> [1,2]

数组的索引为 0，因此 c.length => 3, c[c.length] => 未定义（因为如果您这样做，您正在寻找第 4 个值（此深度级别适用于任何不幸的新手在这里结束））。

对于您的应用程序来说，可能不是最好的，甚至不是一个好的方法，比如流量、流失等等。但是对于遍历一个数组，将其流式传输到另一个数组，只是愚蠢地使用低效的方法，this。完全是这样。

Answer 11

您可以在Array.prototype 上定义getter：

if (!Array.prototype.hasOwnProperty("last")) {
  Object.defineProperty(Array.prototype, "last", {
    get() {
      return this[this.length - 1];
    }
  });
}

console.log([9, 8, 7, 6].last); // => 6

如您所见，访问看起来不像函数调用； getter 函数在内部调用。

Answer 12

如果这对您的应用程序至关重要，请使用 JavaScript 对象。您不应该使用原始原语来管理应用程序的关键部分。由于这似乎是您的应用程序的核心，您应该改用对象。我在下面编写了一些代码来帮助您入门。 lastLocation 方法将返回最后一个位置。

---

function User(id) {
    this.id = id;

    this.locations = [];

    this.getId = function() {
        return this.id;
    };

    this.addLocation = function(latitude, longitude) {
        this.locations[this.locations.length] = new google.maps.LatLng(latitude, longitude);
    };

    this.lastLocation = function() {
        return this.locations[this.locations.length - 1];
    };

    this.removeLastLocation = function() {
        return this.locations.pop();
    };

}

function Users() {
    this.users = {};

    this.generateId = function() {
        return Math.random();
    };

    this.createUser = function() {
        var id = this.generateId();
        this.users[id] = new User(id);
        return this.users[id];
    };

    this.getUser = function(id) {
        return this.users[id];
    };

    this.removeUser = function(id) {
        var user = this.getUser(id);
        delete this.users[id];

        return user;
    };

}


var users = new Users();

var user = users.createUser();

user.addLocation(0, 0);
user.addLocation(0, 1);

Answer 13

var last = function( obj, key ) { 
    var a = obj[key];
    return a[a.length - 1];
};

last(loc, 'f096012e-2497-485d-8adb-7ec0b9352c52');