Cấu trúc hủy để lấy phần tử cuối cùng của một mảng trong es6

Trong coffeescript, điều này rất đơn giản:

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

Es6 có cho phép một cái gì đó tương tự không?

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

Tất nhiên tôi có thể làm theo cách của es5 -

const a = b[b.length - 1]

Nhưng có lẽ điều này hơi dễ bị sai sót bởi một lỗi. Có thể biểu tượng chỉ là thứ cuối cùng trong quá trình phá hủy?

Không thể thực hiện được trong ES6 / 2015. Tiêu chuẩn không cung cấp cho nó.

Như bạn có thể thấy trong thông số kỹ thuật , FormalParameterListcó thể là:

• a FunctionRestParameter
• a FormalsList(danh sách các tham số)
• a FormalsList, theo sau là aFunctionRestParameter

Sau khi FunctionRestParametertheo sau là thông số không được cung cấp.

Tôi tin rằng ES6 ít nhất có thể giúp được điều đó:

[...arr].pop()

Với mảng (arr) của bạn không phải là không xác định và một phần tử có thể lặp lại (vâng, các chuỗi thậm chí hoạt động !!), nó sẽ trả về phần tử cuối cùng .. ngay cả cho mảng trống và nó cũng không thay đổi nó. Nó tạo ra một mảng trung gian nhưng không tốn nhiều tiền.

Ví dụ của bạn sau đó sẽ giống như sau:

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

Bạn có thể hủy cấu trúc mảng đã đảo ngược để đến gần những gì bạn muốn.

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

một cách tiếp cận khác là:

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

Không nhất thiết phải là cách hoạt động hiệu quả nhất. Nhưng tùy thuộc vào ngữ cảnh, một cách khá thanh lịch sẽ là:

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

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

Điều này sẽ hoạt động:

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

Bạn có thể thử hack này:

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

Chắc chắn, câu hỏi là về Hủy cấu trúc cho Mảng JavaScript và chúng tôi biết rằng không thể có mục cuối cùng của Mảng bằng cách sử dụng phép gán cấu trúc, có một cách để thực hiện nó là bất biến , hãy xem phần sau:

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

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

const allExceptTheLast = arr.filter( (dep, index) => index !== arrDepth && dep );
const [ theLastItem ] = arr.filter( (dep, index) => index === arrDepth && dep );

Chúng ta không arrthay đổi biến nhưng vẫn có tất cả các thành viên của mảng ngoại trừ mục cuối cùng là một mảng và có mục cuối cùng riêng biệt.

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

Không phá hủy cách nhưng có thể giúp đỡ. Theo tài liệu javascript và phương pháp đảo ngược có thể thử điều này:

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