[解決済み] lodashで、リストから要素を削除するにはどうしたらいいですか?
2022-03-15 17:03:02
質問
次のようなオブジェクトがあります。
var obj = {
"objectiveDetailId": 285,
"objectiveId": 29,
"number": 1,
"text": "x",
"subTopics": [{
"subTopicId": 1,
"number": 1
}, {
"subTopicId": 2,
"number": 32
}, {
"subTopicId": 3,
"number": 22
}]
}
var stToDelete = 2;
私は
lodash
は、私のアプリケーションで他のもののためにインストールされています。を効率的に使用する方法はありますか?
lodash
を入力すると、そのエントリーが削除されます。
{"subTopicId":2, "number":32}
から
obj
オブジェクトを作成しますか?
または、javascriptでこれを行う方法はありますか?
どのように解決するのですか?
コメントでlyyonsさんが指摘されているように、よりイディオムでロダリッシュな方法として、この場合は
_.remove
このように
_.remove(obj.subTopics, {
subTopicId: stToDelete
});
それとは別に、現在の要素が削除されなければならないかどうかを決定するために、 その結果が使われる述語関数を渡すことができます。
_.remove(obj.subTopics, function(currentObject) {
return currentObject.subTopicId === stToDelete;
});
また、古い配列にフィルタをかけて新しい配列を作成することもできます。
_.filter
を作成し、同じオブジェクトに代入します。
obj.subTopics = _.filter(obj.subTopics, function(currentObject) {
return currentObject.subTopicId !== stToDelete;
});
または
obj.subTopics = _.filter(obj.subTopics, {subTopicId: stToKeep});
関連
-
vue ディレクティブ v-html と v-text
-
Vueのクラススタイルの使い方の詳細
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] event.preventDefault() vs. return false
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] JavaScriptで配列の先頭に新しい配列要素を追加するにはどうすればよいですか?
-
[解決済み】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がechartsのtooltipにクリックイベントを追加するケーススタディ
-
WeChatアプレット用ユニアプリによるグローバルシェアリング
-
Javascript Bootstrapのグリッドシステム、ナビゲーションバー、ローテーションの説明
-
vueの補間表現とv-textディレクティブの違いについて
-
VUEグローバルフィルターの概念と留意点、基本的な使い方
-
[解決済み】Node.js Error: Cannot find module express
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
フロントエンド非同期(アシンク)ソリューション(全ソリューション)
-
OSSアップロードエラーを解決する: net::ERR_SSL_PROTOCOL_ERROR
-
JavaScriptのgetElementById()メソッド入門