[解決済み] 配列から最初のN個の要素を取得する方法
2022-03-20 07:55:26
質問
Javascript(ES6) /FaceBook reactで、サイズが異なる配列の最初の3つの要素を取得しようとしています。私はLinq take(n)と同等のことをしたいのです。
私のJsxファイルには、次のようなものがあります。
var items = list.map(i => {
return (
<myview item={i} key={i.id} />
);
});
そして、最初の3つの項目を取得するために、次のようにしてみました。
var map = new Map(list);
map.size = 3;
var items = map(i => {
return (<SpotlightLandingGlobalInboxItem item={i} key={i.id} />);
});
これは、mapがset関数を持っていないため、うまくいかなかった。
助けてください。
解決方法を教えてください。
お探しのものは、きっと
// ...inside the render() function
var size = 3;
var items = list.slice(0, size).map(i => {
return <myview item={i} key={i.id} />
});
return (
<div>
{items}
</div>
)
関連
-
jsを使った簡単な照明スイッチのコード
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] 配列からArrayListを作成する
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] オブジェクトが配列であるかどうかを確認するにはどうすればよいですか?[重複]。
-
[解決済み】配列に何かを追加する方法は?
-
[解決済み】オブジェクトからプロパティを削除する(JavaScript)
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueにシンプルなメモ帳機能を実装
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
vueディレクティブv-bindの使用と注意点
-
vue ディレクティブ v-html と v-text
-
Vueでルートネスティングを実装する例
-
Vueのフォームイベントのデータバインディングの説明
-
Vueのフィルタの説明
-
[解決済み】ローカルファイルを開くことができません - Chrome: ローカルリソースの読み込みが許可されていない
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された