lodashのmapでカスタマイズされた配列を作成

lodashの_.mapの使い方メモ。

  • 要素を抜き出した配列を作る
  • 既存配列の値を加工して同じ要素数の配列を作る

要素を抜き出した配列を作る

このように既存配列の特定要素を抜き出した配列を作ることができます。

<br />
var list = [<br />
	{ text: 'aaa', number: 2 },<br />
	{ text: 'bbb', number: 4 },<br />
	{ text: 'ccc', number: 6 },<br />
];<br />
var customList = _.map(list, 'text');<br />
/*<br />
[<br />
	{ text: 'aaa' },<br />
	{ text: 'bbb' },<br />
	{ text: 'ccc' },<br />
]<br />
*/<br />

既存配列の値を加工して同じ要素数の配列を作る

lodashを使わなかったらこのようになる記法を

<br />
var list = [<br />
	{ text: 'aaa', number: 2 },<br />
	{ text: 'bbb', number: 4 },<br />
	{ text: 'ccc', number: 6 },<br />
];<br />
var customList = [];<br />
for (var item in list) {<br />
	customList.push({ text: item.text + '_' + item.number });<br />
};<br />
/*<br />
[<br />
	{ text: 'aaa_2' },<br />
	{ text: 'bbb_4' },<br />
	{ text: 'ccc_6' },<br />
]<br />
*/<br />

すこし短縮できます。
<br />
var customList = _.map(list, function(item){<br />
	return { text: item.text + '_' + item.number };<br />
});<br />

See the Pen _.map can, create customized array by webdev (@webdev-jp-net) on CodePen.0

関連記事