オブジェクトの配列へのLodashのマップ

Question

私は、その中に<A>のタグ要素を持つjQueryラッパーから始めています。私が欲しい結果は次のとおりです。

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

は、これまで私はこれを得た：

の代わりに動作しますが、そこより良い方法だと、内側のtextプロパティが「のinnerText」と命名されたように見える ​​

"テキスト"。そして、私は要素のinnerTextがほしいと思うだけでなく、.text()だけでなく、出力（改行、空白、...）をクリーンアップしないようにします。

Answer 1

ES6 destructuringとassign text to a new variableを使用できます。今、あなたはhrefで新しいオブジェクトを作成することができ、かつshorthand property namesを使用してtext変数：

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>