web-dev-qa-db-ja.com

es6の配列の最後の要素を取得するための構造化

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]

しかし、多分これは1つのエラーで少しずれがちです。スプラットは破壊の最後のものにすぎないのでしょうか？

ecmascript-6destructuring
80
George Simms

ES6/2015ではできません。標準はそれを提供していません。

仕様 でわかるように、FormalParameterListは次のいずれかになります。

  • FunctionRestParameter
  • FormalsList（パラメーターのリスト）
  • FormalsListに続くFunctionRestParameter

FunctionRestParameterの後にパラメーターを指定することはできません。

38
Andrey Mikhaylov - lolmaus
const [last] = [1, 3, 4, 5].slice(-1)
const [second_to_last] = [1, 3, 4, 5].slice(-2)
176
Ryan Huang

ES6は少なくともそれを助けることができると信じています：

[...arr].pop()

配列（arr）が未定義ではなく、反復可能な要素（はい、文字列でも動作します!!）を考えると、空の配列であっても最後の要素を返す必要があり、それも変更しません。ただし、中間配列を作成しますが、それほど費用はかかりません。

その場合、例は次のようになります。

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

あなたが望むものに近づくために、逆の配列を解体することができます。

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

必ずしも最もパフォーマンスの高い方法とは限りません。しかし、コンテキストに応じて、非常にエレガントな方法は次のようになります。

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

console.log(theOneIWant); // 'three'
console.log(myArray.length); //3
4
theTaoOfJS
const arr = ['a', 'b', 'c']; // => [ 'a', 'b', 'c' ]

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

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

これは動作するはずです：

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