destructuring dostać ostatni element tablicy w ES6

Question

W coffeescript to jest prosta:

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

robi ES6 pozwolić na coś podobnego?

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

Oczywiście można zrobić to tak ES5 -

const a = b[b.length - 1] 

Ale może to nieco podatne na off by one. Czy kłótnia może być ostatnią rzeczą w destrukturyzacji?

Answer 1

Nie jest to możliwe w ES6/2015. Standard po prostu tego nie zapewnia.

Jak widać w the spec The FormalParameterList mogą być:

• FunctionRestParameter
• FormalsList (wykaz parametes)
• FormalsList, następnie FunctionRestParameter

Posiadanie FunctionRestParameter z następującymi parametrami nie jest przewidziane.

Jest to jeden z wielu przykładów na to, jak ES6/2015 jest gorszy niż CoffeeScript.

Answer 2

wierzę ES6 może przynajmniej w tym pomóc:

[...arr].pop() 

Biorąc swoją tablicę (arr) nie jest niezdefiniowany i iterable elementu (tak, nawet ciągi pracy !!), powinien on powrócić ostatni element ... dla pustej tablicy i to też nie zmienia. Tworzy to jednak pośrednią tablicę ... ale nie powinno to kosztować wiele.

Wasz przykład będzie wtedy wyglądać tak:

[...['a', 'b', 'program']].pop() -> 'program' 

Answer 3

Można destructure odwróconą tablicę zbliżyć się do tego, co chcesz.

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

const [last] = [1, 3, 4, 5].slice(-1) 
const [second_to_last] = [1, 3, 4, 5].slice(-2) 

Answer 5

Niekoniecznie najbardziej wydajnych sposobów robi. Ale w zależności od kontekstu dość elegancki sposób będzie:

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

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