Objects, arrays, and transactions
初級~30 分0/4 ステップ
Move from single values to a ledger
An object groups the fields that belong to one transaction. An array holds many transactions. Array methods let you transform that real structure instead of copying totals by hand.
The included rows are explicitly marked as practice data. Your job is to render them and derive income, expenses, and balance from the array.
手順
1
Use filter to select income transactions.
ヒント： Filter where item.type === 'income'.
どこに書けばいい？
// Use map to render rows and reduce to calculate totals.8 行目に書きましょう — そのコメントの下、すでに書いたコードの後ろです。
2
Use reduce to total amountAgorot.
3
Render transaction rows with map and join.
4
Show income, expenses, and balance in #summary.
あなたのコード
html
1
2
3
4
5
6
7
8
ViBotでバイブコーディング無料メッセージ 0 / 12
このステップで作りたいものを伝えてください。コードを書きます。あとは「適用」をクリックすればエディタに反映されます。 このステップ：Use filter to select income transactions.
ライブプレビュー
ライブプレビュー