Destrukturierung das letzte Element eines Arrays in es6 zu bekommen

Question

In Coffee diese einfach ist:

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

Does es6 für etwas ähnliches erlauben?

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

Natürlich kann ich es die ES5 Weise tun -

const a = b[b.length - 1] 

Aber vielleicht ist dies ein wenig anfällig durch einen Fehler aus. Kann der Splat nur das letzte Ding in der Destrukturierung sein?

Answer 1

In ES6/2015 ist das nicht möglich. Der Standard sieht dafür nicht vor.

Wie Sie in the spec sehen kann, kann die FormalParameterList entweder:

• ein FunctionRestParameter
• eine FormalsList (eine Liste von parametes)
• ein FormalsList, gefolgt von einem FunctionRestParameter

Die FunctionRestParameter gefolgt von Parametern wird nicht bereitgestellt.

Dies ist eines von vielen Beispielen, wie ES6/2015 dem CoffeeScript unterlegen ist.

Answer 2

Ich glaube ES6 konnte zumindest helfen mit, dass:

[...arr].pop() 

Angesichts Ihre Array (arr) nicht undefiniert und ein iterable Element (ja, auch Strings arbeiten !!), sollte es das letzte Element zurückkehren ..auch für das leere Array und es ändert es auch nicht. Es schafft zwar ein intermediate array..aber das sollte nicht viel kosten.

Ihr Beispiel würde dann wie folgt aussehen:

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

Answer 3

Sie können die umgekehrte Anordnung denaturiert, zu nahe zu kommen, was Sie wollen.

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

nicht unbedingt die performante Art und Weise zu tun. Aber je nach Kontext wäre eine ziemlich elegante Art:

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

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