このようなオブジェクトの配列があります:
[ {"name": "Apple", "id": "Apple_0"},
{"name": "dog", "id": "dog_1"},
{"name": "cat", "id": "cat_2"}
]
Apple
という名前の別の要素を挿入したいのですが、そこに複製が必要ないため、lodashを使用して、同じ名前の配列にオブジェクトが既にあるかどうかを確認するにはどうすればよいですか?
これは私のために働いたものです(さまざまなソリューションをテストした後):
addItem(items, item) {
let foundObject = _.find(items, function(e) {
return e.value === item.value;
});
if(!foundObject) {
items.Push(item);
}
return items;
}
このようにLodash _.find()
を使用できます。
var data = [ {"name": "Apple", "id": "Apple_0"},
{"name": "dog", "id": "dog_1"},
{"name": "cat", "id": "cat_2"}
]
if(!_.find(data, {name: 'Apple'})) {
data.Push({name: 'Apple2'});
}
console.log(data)
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.15.0/lodash.min.js"></script>
リファレンスドキュメント: https://lodash.com/docs/4.17.14#find
これはフォームです
_.has(object, path)
例:
const countries = { country: { name: 'Venezuela' } }
const isExist = _.has(countries, 'country.name')
// isExist = true
詳細情報 Document Lodash
Lodashを使用した別の例を次に示します
var a = [ {"name": "Apple", "id": "Apple_0"},
{"name": "dog", "id": "dog_1"},
{"name": "cat", "id": "cat_2"}
]
var b = _.find(a, ['name', "Apple2"]);
if(_.isObject(b)){
console.log('exists')
}else{
console.log('insert new')
}
Array.prototype.find()
またはlodashの_.find()
を使用できます。
const addItem = (arr, item) => {
if(!arr.find((x) => x.name === item.name)) { // you can also change `name` to `id`
arr.Push(item);
}
};
const arr = [
{"name": "Apple", "id": "Apple_0"},
{"name": "dog", "id": "dog_1"},
{"name": "cat", "id": "cat_2"}
];
addItem(arr, { "name": "Apple", "id": "Apple_0" });
addItem(arr, { "name": "pear", "id": "pear_3" });
console.log(arr);
そして、少し短いが読みにくいバージョン:
const addItem = (arr, item) => arr.find((x) => x.name === item.name) || arr.Push(item); // you can also change `name` to `id`
const arr = [
{"name": "Apple", "id": "Apple_0"},
{"name": "dog", "id": "dog_1"},
{"name": "cat", "id": "cat_2"}
];
addItem(arr, { "name": "Apple", "id": "Apple_0" });
addItem(arr, { "name": "pear", "id": "pear_3" });
console.log(arr);
lodash
_4.17.5
_を使用してこれを達成する3つの方法を次に示します。
entry
がまだ存在しない場合にのみ、オブジェクトnumbers
をオブジェクトentry
の配列に追加するとします。
_let numbers = [
{ to: 1, from: 2 },
{ to: 3, from: 4 },
{ to: 5, from: 6 },
{ to: 7, from: 8 },
{ to: 1, from: 2 } // intentionally added duplicate
];
let entry = { to: 1, from: 2 };
/*
* 1. This will return the *index of the first* element that matches:
*/
_.findIndex(numbers, (o) => { return _.isMatch(o, entry) });
// output: 0
/*
* 2. This will return the entry that matches. Even if the entry exists
* multiple time, it is only returned once.
*/
_.find(numbers, (o) => { return _.isMatch(o, entry) });
// output: {to: 1, from: 2}
/*
* 3. This will return an array of objects containing all the matches.
* If an entry exists multiple times, if is returned multiple times.
*/
_.filter(numbers, _.matches(entry));
// output: [{to: 1, from: 2}, {to: 1, from: 2}]
/*
* 4. This will return `true` if the entry exists, false otherwise.
*/
_.some(numbers, entry);
// output: true
_
Boolean
を返したい場合(つまり、_.some()
を使用していないと仮定した場合)、最初のケースでは、返されるインデックス値を単純に確認できます。
__.findIndex(numbers, (o) => { return _.isMatch(o, entry) }) > -1;
// output: true
_
Lodash
documentation は、例と実験の優れた情報源です。
配列に値を1つだけ挿入することに関心がある場合は、_.find
はオプションです。ただし、1つまたは複数の挿入に関心がある場合は、_.unionBy
代わりに:
var currentArr = [{
"name": "Apple",
"id": "Apple_0"
}, {
"name": "dog",
"id": "dog_1"
}, {
"name": "cat",
"id": "cat_2"
}],
arrayOneValue = [{
"name": "Apple",
"id": "Apple_0"
}],
arrayTwoValues = arrayOneValue.concat({
"name": "lemon",
"id": "lemon_0"
})
console.log(_.unionBy(currentArr, arrayOneValue, 'name'));
console.log(_.unionBy(currentArr, arrayTwoValues, 'name'));
// It also allow you to perform the union using more than one property
console.log(_.unionBy(currentArr, arrayTwoValues, 'name', 'id'));
<script src="https://cdn.jsdelivr.net/lodash/4.16.4/lodash.min.js"></script>