ทำลายโครงสร้างเพื่อรับองค์ประกอบสุดท้ายของอาร์เรย์ใน es6

ในกาแฟนี่ตรงไปตรงมา:

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 เป็นเพียงสิ่งสุดท้ายในการทำลายล้างได้หรือไม่?

เป็นไปไม่ได้ใน ES6 / 2015 มาตรฐานไม่ได้ให้ไว้

ในขณะที่คุณสามารถมองเห็นในสเปคที่FormalParameterListสามารถเป็นได้ทั้ง:

• ก FunctionRestParameter
• a FormalsList(รายการพารามิเตอร์)
• a FormalsListตามด้วยFunctionRestParameter

ไม่มีการFunctionRestParameterติดตามด้วยพารามิเตอร์

ฉันเชื่อว่าอย่างน้อย ES6 สามารถช่วยได้:

[...arr].pop()

เนื่องจากอาร์เรย์ (arr) ของคุณไม่ได้กำหนดไว้และเป็นองค์ประกอบที่ทำซ้ำได้ (ใช่แม้กระทั่งสตริงก็ใช้ได้ !!) มันควรส่งคืนองค์ประกอบสุดท้าย .. แม้จะเป็นอาร์เรย์ว่างเปล่าและก็ไม่ได้เปลี่ยนแปลงด้วยเช่นกัน มันสร้างอาร์เรย์กลางแม้ว่า.. แต่ไม่ควรเสียค่าใช้จ่ายมาก

จากนั้นตัวอย่างของคุณจะมีลักษณะดังนี้:

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

คุณสามารถทำลายโครงสร้างอาร์เรย์ที่กลับด้านเพื่อให้เข้าใกล้สิ่งที่คุณต้องการได้

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

อีกแนวทางหนึ่งคือ:

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

ไม่จำเป็นต้องเป็นวิธีที่มีประสิทธิภาพมากที่สุด แต่ขึ้นอยู่กับบริบทวิธีที่ค่อนข้างหรูหราจะเป็น:

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

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

สิ่งนี้ควรใช้งานได้:

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

คุณสามารถลองแฮ็คนี้:

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

ไม่ใช่วิธีทำลายล้าง แต่สามารถช่วยได้ ตามเอกสาร javascript และวิธีการย้อนกลับสามารถลองสิ่งนี้:

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

แน่นอนว่าคำถามเกี่ยวกับDestructuringสำหรับ JavaScript Arrays และเราทราบดีว่าเป็นไปไม่ได้ที่จะมีรายการสุดท้ายของ Array โดยใช้การมอบหมายการทำลายมีวิธีที่จะทำให้ไม่เปลี่ยนรูปดูดังต่อไปนี้:

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

เราไม่เปลี่ยนarrตัวแปร แต่ยังคงมีสมาชิกอาร์เรย์ทั้งหมดยกเว้นรายการสุดท้ายเป็นอาร์เรย์และมีรายการสุดท้ายแยกกัน

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