JavaScriptの縮小を使用する3つの方法
1270 ワード
この動画では、Reduceメソッドを探索し、次のJavaScriptプロジェクトで使用できる3つの異なるユースケースを示します.
使用データ
使用データ
export const eg1 = [1, 45, 2, 3, 34, 4];
export const eg2 = [
{
gender: "male",
name: "Ed"
},
{
gender: "male",
name: "Bob"
},
{
gender: "female",
name: "Sarah"
}
];
export const eg3 = [
1,45,2,3,34,4,1,2,
3,4,5,6,3,2,9
];
1 -配列内のすべての項目を合計const one = eg1.reduce(
(prev, current) => prev + current,0
);
console.log(one);
//outputs 189
2 -タイプ別のグループアイテムconst two = eg2.reduce(
(obj, item) => ({
...obj,
[item['gender']]: [
/** check if exists
* if it doesn't start with blank array
*/
...obj[item['gender']] || [],
item
]
}),
{} //default value
);
console.log(two)
//outputs {male: Array[2], female: Array[1]}
3 -配列の数回の項目を数えるconst three = eg3.reduce(
(tally, item) => ({
...tally,
[item]: (tally[item] || 0) + 1
}),
{}
);
console.log(three);
//outputs Object {1: 2, 2: 3, 3: 3, 4: 2, 5: 1…}
Reference
この問題について(JavaScriptの縮小を使用する3つの方法), 我々は、より多くの情報をここで見つけました https://dev.to/afewminutesofcode/three-ways-to-use-reduce-in-javascript-55neテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol