Lodash映射到對象數組

Question

我從一個包含<A> -tag元素的jQuery包裝器開始。我想結果是：

[{href: "http://...", text: "The inner text"}, {...}, ...] 

到目前爲止，我得到這個：

​​

這樣的作品，但它看起來像有一個更好的方式，和內text屬性被命名爲「的innerText」，而不是「文本」。我確實需要innerText的元素，而不是.text()，因爲它不會清理輸出（換行符，空格，...）。

Answer 1

您可以使用ES6 destructuring和assign text to a new variable。現在你可以創建一個新的對象與href，並text變量使用shorthand property names：

const links = $('a').toArray(); 
 

 
const result = links.map(({ href, innerText: text }) => ({ href, text })); 
 

 
console.log(result);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="http://www.google.com">Google</a> 
 
<a href="http://www.facebook.com">Facebook</a> 
 
<a href="http://www.apple.com">Apple</a>

你也可以使用jQuery的'.map()`：

const result = $('a').map((k, { href, innerText: text }) => ({ href, text })).toArray(); 
 

 
console.log(result);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="http://www.google.com">Google</a> 
 
<a href="http://www.facebook.com">Facebook</a> 
 
<a href="http://www.apple.com">Apple</a>