arrow函数的解释：elements.map（（{length}）=＆gt; length）;

Question

我正在阅读https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions，其中包含以下代码段：

var elements = [
  'Hydrogen',
  'Helium',
  'Lithium',
  'Beryllium'
];

elements.map(function(element ) { 
  return element.length; 
}); // [8, 6, 7, 9]

elements.map(element => {
  return element.length;
}); // [8, 6, 7, 9]

elements.map(({ length }) => length); // [8, 6, 7, 9]

箭头函数的最后一个应用程序看起来非常简洁，因为它甚至不使用虚拟变量element。但是，我不清楚它是如何工作的;我已经看到如何在箭头函数的右侧使用({})来返回一个对象文字，但我还没有看到在左侧使用它的任何例子。

有人可以解释最后一个箭头函数的语法吗？