解构以获取es6中数组的最后一个元素

Question

在 coffeescript 中，这很简单：

coffee> a = ['a', 'b', 'program']
[ 'a', 'b', 'program' ]
coffee> [_..., b] = a
[ 'a', 'b', 'program' ]
coffee> b
'program'

es6 是否允许类似的东西？

> const [, b] = [1, 2, 3]                              
'use strict'                                           
> b  // it got the second element, not the last one!                      
2                                                      
> const [...butLast, last] = [1, 2, 3]          
SyntaxError: repl: Unexpected token (1:17)                                                                                                                                                        
> 1 | const [...butLast, last] = [1, 2, 3]                                                                                                                                                        
    |                  ^                                                                                                                                                                          
    at Parser.pp.raise (C:\Users\user\AppData\Roaming\npm\node_modules\babel\node_modules\babel-core\node_modules\babylon\lib\parser\location.js:24:13)

我当然可以用 es5 的方式来做 -

const a = b[b.length - 1]

但也许这有点容易出错。 splat 只能是解构中的最后一件事吗？

Answer 1

在 ES6/2015 中是不可能的。标准只是没有提供它。

如您在 the spec 中所见，FormalParameterList 可以是：

一个FunctionRestParameter
a FormalsList（参数列表）
一个FormalsList，然后是一个FunctionRestParameter

没有提供 FunctionRestParameter 后跟参数。

Answer 2

我相信 ES6 至少可以帮助解决这个问题：

[...arr].pop()

鉴于您的数组 (arr) 不是未定义的并且是一个可迭代的元素（是的，即使字符串也可以！！），它应该 return 最后一个元素..即使对于空数组，它也不是改变它。虽然它创建了一个中间数组..但这应该不会花费太多。

您的示例将如下所示：

  console.log(  [...['a', 'b', 'program']].pop() );

Answer 3

您可以解构反转数组以接近您想要的结果。

const [a, ...rest] = ['a', 'b', 'program'].reverse();
  
document.body.innerHTML = 
    "<pre>"
    + "a: " + JSON.stringify(a) + "\n\n"
    + "rest: " + JSON.stringify(rest.reverse())
    + "</pre>";

Answer 4

console.log('last', [1, 3, 4, 5].slice(-1));
console.log('second_to_last', [1, 3, 4, 5].slice(-2));

Answer 5

不一定是最高效的做法。但是根据上下文，一种非常优雅的方式是：

const myArray = ['one', 'two', 'three'];
const theOneIWant = [...myArray].pop();

console.log(theOneIWant); // 'three'
console.log(myArray.length); //3

Answer 6

这应该有效：

const [lastone] = myArray.slice(-1);

Answer 7

const arr = ['a', 'b', 'c']; // => [ 'a', 'b', 'c' ]

const {
  [arr.length - 1]: last
} = arr;

console.log(last); // => 'c'

Answer 8

您可以试试这个技巧：

let a = ['a', 'b', 'program'];
let [last] = a.reverse();
a.reverse();
console.log(last);

Answer 9

另一种方法是：

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

Answer 10

当然，问题是关于 Destructuring for JavaScript Arrays，我们知道不可能通过使用解构赋值来获得 Array 的最后一项，有一种方法可以做到这一点不可变，见下文：

const arr = ['a', 'b', 'c', 'last'];

~~~
const arrLength = arr.length - 1;

const allExceptTheLast = arr.filter( (_, index) => index !== arrLength );
const [ theLastItem ] = arr.filter( (_, index) => index === arrLength );

我们不改变 arr 变量，但仍然将除最后一项之外的所有数组成员作为数组并单独拥有最后一项。

Answer 11

let a = [1,2,3]
let [b] = [...a].reverse()

Answer 12

不是破坏性的方式，但可以提供帮助。根据 javascript 文档和反向方法可以试试这个：

const reversed = array1.reverse();
let last_item = reversed[0]

Answer 13

使用数组解构：“捕获”array、“spliced”数组 (arrMinusEnd) 和“poped”/sliced" 元素 (endItem).

var [array, arrMinusEnd, endItem] = 
  ["one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten"]
  .reduce(
    (acc, cv, idx, arr) => {
      if(idx<arr.length-1) acc[1].push(cv);
      else {
        acc[0]=arr;
        acc[2]=cv;
      };
      return acc;
    },
    [null,[],[]]
  )
;

console.log("array=");
console.log(array);
console.log("arrMinusEnd=");
console.log(arrMinusEnd);
console.log("endItem=\""+endItem+"\"");

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 14

获取数组的最后一个元素：

const [last,] = ['a', 'b', 'program'].reverse();

Answer 15

您可以进一步将数组的 ...rest 数组分解为 Object，以获得其 length 属性并为最后一个索引构建 computed prop name。

这甚至适用于参数销毁：

const a = [1, 2, 3, 4];

// Destruct from array ---------------------------
const [A_first, ...{length: l, [l - 1]: A_Last}] = a;
console.log('A: first: %o; last: %o', A_first, A_Last);     // A: first: 1; last: 4

// Destruct from fn param(s) ---------------------
const fn = ([B_first, ...{length: l, [l - 1]: B_Last}]) => {
  console.log('B: first: %o; last: %o', B_first, B_Last);   // B: first: 1; last: 4
};

fn(a);

Answer 16

您可以尝试使用应用于数组的对象 destructuring 来提取 length 然后获取最后一项：例如：

const { length, 0: first, [length - 1]: last } = ['a', 'b', 'c', 'd']

// length = 4
// first = 'a'
// last = 'd'

更新

另一种方法Array.prototype.at()

The at() method takes an integer value and returns the item at that index, allowing for positive and negative integers...

const last = ['a', 'b', 'c', 'd'].at(-1)
// 'd'

解构以获取es6中数组的最后一个元素

Destructuring to get the last element of an array in es6

destructuring

ecmascript-6

更新