javascript , lodash の コレクション操作の便利メソッド

● javascript , lodash の コレクション操作の便利メソッド

次のようなコレクション系データがあったとします。

var = stageItems: [
	{ id: 5, name: "山田" },
	{ id: 6, name: "斎藤" },
	{ id: 7, name: "朝倉" },
	{ id: 8, name: "神山" },
];

● 検索

// id = 6 なアイテムを選択します
const item = _.find(this.stageItems, { id:6 });

● 何番目の要素なのかを検索

// id = 6 が 何番目の要素なのかを検索 ( 0 が先頭 )
const added_i = this.stageItems.findIndex(({id}) => id === 6);
alert( added_i ); // 2番目の要素なので 1

● 削除

    itemDelete: function ( argId ) {
      alert("このidを削除します" + argId);
      this.stageItems = _.remove(this.stageItems, function (o) { return o.id !== argId; });
    },

● オブジェクトのディープコピー

JavaScriptではオブジェクトのコピーは参照コピーとなります。 オブジェクトをディープコピーしたい場合はこちらのメソッドを使用します

const clonedItem = _.cloneDeep(item);
No.1961
03/05 16:59

edit