Find object and remove specific array value inside it with lodash - javascript

I have this array of object, and I want to remove specific value from "subscriber" array
[
{
"slug": "just",
"subscriber": ["0610988037", "1107405573"]
},
{
"slug": "test",
"subscriber": ["1107405573"]
}
]
expected output
[
{
"slug": "just",
"subscriber": ["0610988037"]
},
{
"slug": "test",
"subscriber": ["1107405573"]
}
]
what I've tried this so far
const index = _.findIndex(subs, { slug: "just" });
const newSubscriber = subs[index].subscriber.filter(
(i) => i !== "1107405573"
);
subs[index].subscriber = newSubscriber;
the above code is work fine as expected but I don't think it's a good way

As the question leaves a few points open, the following is written under the assumptions that:
there can be several objects with arr[i].slug==="test"
and several with arr[i].slug!=="test"
all values found in arr[i].subscribers of a "test-object" will be removed from all arr[j].subscribers arrays of "non-test-objects",
"test"-objects will remain unchanged.
const arr = [ {
"slug": "test",
"subscriber": ["555666","333","999"]
},
{
"slug": "just",
"subscriber": ["0610988037", "1107405573", "333"]
},
{
"slug": "something else",
"subscriber": ["0610988037", "123", "987"]
},
{
"slug": "test",
"subscriber": ["1107405573","123"]
}
];
const filt=arr.reduce((a,c)=>(c.slug==="test" && c.subscriber.forEach(s=>a[s]=1),a),{}),
res =arr.map(el=>({...el, subscriber:el.slug!=="test" ? el.subscriber.filter(s=>!filt[s]) : el.subscriber}))
console.log(res)
Update:
Taking into account the latest information from OP's comment:
all arr[i].slug values are unique
so, there can at most be one object with arr[i].slug=="test"
all values found in arr[i].subscribers of the "test-object" will be removed from all arr[j].subscribers arrays of "non-test-objects",
the same subscriber values can appear in several objects
the "test"-object, if it exists, will remain unchanged.
The test input will now look slightly different but will still work with the same script:
const arr = [
{
"slug": "just",
"subscriber": ["0610988037", "1107405573", "333"]
},
{
"slug": "something else",
"subscriber": ["0610988037", "123", "987"]
},
{
"slug": "test",
"subscriber": [ "555666","333","999", "1107405573","123"]
}
];
const filt=arr.reduce((a,c)=>(c.slug==="test" && c.subscriber.forEach(s=>a[s]=1),a),{}),
res =arr.map(el=>({...el, subscriber:el.slug!=="test" ? el.subscriber.filter(s=>!filt[s]) : el.subscriber}))
console.log(res)

Related

Find an object and its parent by a property value of a nested object with Javascript

Given the following sample JSON (stringified from the corresponding JavaScript object), I need to extract this information:
Find the object in persons which has the reference = 2.
If a person with this reference was found, get the name of the person's parent element (here: "B").
In the end, I need to build a new object looking similar to this. This won't be problematic but I'm struggling with how to extract these objects from the source. I tried different approaches with find(), map(), flatMap() and filter() but none of them really worked.
{
companyName: "B",
person: {
"reference": 2,
"name": "Bob"
}
}
Source
{
"root": [
{
"companies": [
{
"name": "A",
"persons": [
{
"reference": 1,
"name": "Alex"
}
]
}
]
},
{
"companies": [
{
"name": "B",
"persons": [
{
"reference": 2,
"name": "Bob"
},
{
"reference": 3,
"name": "Charles"
}
]
}
]
}
]
}
If you're just interested in the name of the company you can find it using:
const reference = 2;
const company = data.root.flatMap(item => item.companies)
.find(company => company.persons.some(person => person.reference === reference));
const companyName = company?.name;
// or if you cannot use optional chaining
const companyName = (company || {}).name;
In data.root.flatMap(item => item.companies) we iterate through all items in root, for each item we select its companies property. Since we don't want a nested array we use flatMap() to flatten the result by 1 level. This leaves us with an array of companies.
After that we'll call find() on the companies array, since we are looking for a specific company name. The criteria of the company is that some() (1 or more) of the persons should match the provided reference. If no match is found null will be returned (from find()).
We then take the find() result (company) and navigate to the name via optional chaining ?.. This will return the name of the company if present, or undefined if company is null
You can use array.reduce here
let data = JSON.parse(`{
"root": [
{
"companies": [
{
"name": "A",
"persons": [
{
"reference": 1,
"name": "Alex"
}
]
}
]
},
{
"companies": [
{
"name": "B",
"persons": [
{
"reference": 2,
"name": "Bob"
},
{
"reference": 3,
"name": "Charles"
}
]
}
]
}
]
}`)
// GET ALL THE COMPANIES DATA
let companies = data.root.reduce(
(prevValue, currValue) => {
prevValue.push(...currValue.companies)
return prevValue
},
[]
)
// FIND AND CREATE EXPECTED RESULT SET
let results = companies.reduce(
(prevValue, currValue) => {
// loop inside a loop, mind it
let refPerson = currValue.persons.find((item)=> item.reference == 2)
if(refPerson){
prevValue.push({
companyName: currValue.name,
person: refPerson
})
}
return prevValue
},
[]
)
console.log(results)

Filter an nested Object with filter and map with JavaScript

I know that this is close to a duplicate but I can't get the code to work. I have an object that I need to filter and I'm currently trying to emulate the accepted as an answer the code at Javascript filtering nested arrays
My data object is:
[{
"project_num": "5R01DA012513-23",
"principal_investigators": [{
"profile_id": 2076451,
"full_name": "PK",
"title": ""
}]
},
{
"project_num": "5R01DK118529-03",
"principal_investigators": [{
"profile_id": 8590844,
"full_name": "HW",
"title": "PROFESSOR, SCIENTIFIC DIRECTOR"
}]
},
{
"project_num": "3R01AA025365-05S1",
"principal_investigators": [{
"profile_id": 8730036,
"full_name": "JJ",
"title": "ASSOCIATE PROFESSOR OF PSYCHIATRY"
}]
},
{
"project_num": "1R01HL163963-01",
"principal_investigators": [{
"profile_id": 2084037,
"full_name": "KH",
"title": "ASSOCIATE PROFESSOR"
},
{
"profile_id": 11309656,
"full_name": "AM",
"title": "RESEARCH ASSISTANT PROFESSOR"
}
]
},
{
"project_num": "5R25HL092611-15",
"principal_investigators": [{
"profile_id": 1886512,
"full_name": "CW",
"title": "P"
}]
}
]
and my JavaScript code is:
let payLoad = 1886512
const result = this.reporterData.map(t => {
const principal_investigators = t.principal_investigators.filter(d =>
d.profile_id === payLoad);
return { ...t,
principal_investigators
};
})
I need to pass in a profile_id as a payload and return the objects that will fill a data table.
The data can be 1000's of items and the principla_investigators can be multiple entries. When I use the code that I have it return all of the objects. Can someone point out my error? Thanks
You can try doing like this:
const result = this.reporterData.filter((t) => {
const principal_investigators = t.principal_investigators.filter((d) => d.profile_id === payLoad)
return (principal_investigators.length > 0)
})
I understand that you want an array with all the investigators matching that ID, right?
Try this:
const result = this.reporterData.reduce((previous, current) => {
if (current.principal_investigators) {
current.principal_investigators.forEach(pi => {
if (pi.profile_id === payLoad) {
previous.push(current)
}
});
}
return previous
}, [])
You can also do for loops with the same result:
const result = [];
for (project of this.reporterData) {
if (project.principal_investigators) {
for (pi of project.principal_investigators) {
if (pi.profile_id == payLoad) {
result.push(pi);
}
}
}
}

Filter on two arrays same time?

I have two arrays:
const array1 = [{
"id": "4521",
"name": "Tiruchirapalli",
"stateId": "101"
},
{
"id": "1850",
"name": "Tenkasi",
"stateId": "101"
},
{
"id": "202",
"name": "Thanjavur",
"stateId": "101"
},
{
"id": "505",
"name": "Ernakulam",
"stateId": "102"
},
];
And now array2
const array2 = [{
"id": 1850,
"cityName": "Tenkasi",
"aliasNames": [
"Thenkasi"
]
},
{
"id": 4521,
"cityName": "Tiruchirapalli",
"aliasNames": [
"Trichy"
]
},
{
"id": 202,
"cityName": "Thanjavur",
"aliasNames": [
"Tanjore"
]
},
{
"id": 505,
"cityName": "Ernakulam",
"aliasNames": [
"Kochi",
"Cochin"
]
},
];
what i need to do is, how to filter both the arrays at same time ( or filter first one and then second which ever one is performance effective ).
For instance, when user types "Kochi", first it should check on array1 to find if its has name="Kochi", if it has then we can set the state with that and if it doesnt have we need to find it on array2 and the update the state !
Which is fast and effective way to handle this - ( array1 has 2500 records and array2 has 990 records ) so performance / speed is also a concern
My attempt:
searchFilterFunction = text => {
this.setState({ typedText: text });
const newData = array1.filter(item => {
const itemData = `${item.name.toUpperCase()}`;
const textData = text.toUpperCase();
return itemData.indexOf(textData) > -1;
});
this.setState({ data: newData});
};
How to implement the second filter in optimized way ?
For instance, when user types "Kochi", first it should check on array1
to find if its has name="Kochi", if it has then we can set the state
with that and if it doesnt have we need to find it on array2 and the
update the state !
I would do something like this with Array.find.
if( array1.find(item=>item.name.toUpperCase() === text) ) {
// set state
} else if( array2.find(item=>item.cityName.toUpperCase() === text) ) {
// set state
}
A refined form would be
let result = array1.find(item=>item.name.toUpperCase() === text);
// check in array 2 as we cannot find in array 1
if(!result) {
result = array2.find(item=>{
// check in aliasNames and in cityName
return item.cityName.toUpperCase() === text || item.aliasNames.includes(text);
}
);
}
if(result) {
setState(result);
} else {
// place not found
}
Regarding the performance based on your array count you will not see much difference. If you want to save some milliseconds you can check the array with least count first as mentioned in one of the comments. But the time also varies based on were the element is in array.
I think this is the most optimal solution because nesting the two filter won't work as you need to filter from first array and then second.
const array1 = [{
"id": "4521",
"name": "Tiruchirapalli",
"stateId": "101"
},
{
"id": "1850",
"name": "Tenkasi",
"stateId": "101"
},
{
"id": "202",
"name": "Thanjavur",
"stateId": "101"
},
{
"id": "505",
"name": "Ernakulam",
"stateId": "102"
},
];
const array2 = [{ "id": 1850, "cityName": "Tenkasi",
"aliasNames": [
"Thenkasi"
]
},{"id": 4521,"cityName": "Tiruchirapalli",
"aliasNames": [
"Trichy"
]
},
{
"id": 202,
"cityName": "Thanjavur",
"aliasNames": [
"Tanjore"
]
},
{
"id": 505,
"cityName": "Ernakulam",
"aliasNames": [
"Kochi",
"Cochin"
]
},
];
function filter(text) {
// Complexity Linear
const filter_array = array1.filter((a) => {
return (a.name === text)
});
if (filter_array.length > 0) {
//Set State and return
}
//Complexity Linear and includes complexity Linear O(sq(m*n)) where n is //the aliasName record
const filter_array2 = array2.filter((a) => {
return a.cityName === text || a.aliasNames.includes(text);
});
return filter_array2 //Set State filter array 2
}
console.log(filter("Kochi"));

how can I filter an array within a list by searching in another array?

I would like some idea to make a filter in one list searching in another list
how can I filter an array within a list by searching in another array?
like this...
myArray = [
{
"name": "Item-A", "tags":
["Facebook", "Google"]
},
{
"name": "Item-B", "tags":
["Facebook", "Google", "Apple"]
},
{
"name": "Item-C", "tags":
["Apple"]
},
];
//array for filter
paramsFilter = ["Facebook", "Apple"];
//result espected
[
{
"name": "Item-B", "tags":
["Facebook", "Google", "Apple"]
},
{
"name": "Item-C", "tags":
["Apple"]
},
]```
I am doing a filter by tags so that it will check "paramsFilter" and filter the result that corresponds to all selected tags
for example:
if "paramsFilter" = ["Apple", "Microsoft"] the result expected is = [] for not matching all selected tags
Thank you all
Assuming that your filterarray is used by at least one (i.e. OR) you could make it like this:
Use Array#filter to filter for your desire and Array#some for getting all objects with at least one hit.
If you want instead all filter than use instead Array#every.
myArray = [
{
"name": "Item-A", "tags":
["Facebook", "Google"]
},
{
"name": "Item-B", "tags":
["Facebook", "Google", "Apple"]
},
{
"name": "Item-C", "tags":
["Apple"]
},
{
"name": "Item-D", "tags":
["Dell"]
},
];
paramsFilter = ["Facebook", "Apple"];
let res = myArray.filter(({tags}) => tags.some(tag => paramsFilter.includes(tag)));
console.log(res);
I think question has some issue, but if i understand the question ignoring the part where it is wrong, following snippet should work.
const myArray = [
{
"name": "Item-A", "tags":
["Facebook", "Google"]
},
{
"name": "Item-B", "tags":
["Facebook", "Google", "Apple"]
},
{
"name": "Item-C", "tags":
["Apple"]
},
];
function filterArray(params) {
return myArray.filter(i => i.tags.filter((n) => params.indexOf(n) > -1).length > 0);
}
console.log(filterArray(['Apple']))
You can filter your array like this:
myArray.filter((value) => value.tags.join("")!== paramsFilter.join(""))
Thank you very much for all the tips and support, based on the examples I managed to solve with the following code:
myArray.filter(item => paramsFilter.every(tag => item.tags.some(option => option === tag)))

cannot update an array of elements via a 2d iteration

I have two arrays of object, the first array (printerChart, around 80 elements) is made of the following type of objects:
[{
printerBrand: 'Mutoh',
printerModel: 'VJ 1204G',
headsBrand: 'Epson',
headType: '',
compatibilty: [
'EDX',
'DT8',
'DT8-Pro',
'ECH',
],
},
....
]
The second array (items, around 500 elements) is made of the following type of objects:
[
{
"customData": {
"brand": {
"value": {
"type": "string",
"content": "hp"
},
"key": "brand"
},
"printer": {
"value": {
"type": "string",
"content": "c4280"
},
"key": "printer"
}
},
"name": "DT8 XLXL",
"image": {
"id": "zLaDHrgbarhFSnXAK",
"url": "https://xxxxxxx.net/images/xxxxxx.jpg"
},
"brandId": "xxxxx",
"companyId": "xxxx",
"createdAt": "2018-03-26T14:39:47.326Z",
"updatedAt": "2018-04-09T14:31:38.169Z",
"points": 60,
"id": "dq2Zezwm4nHr8FhEN"
},
...
]
What I want to do is to iterate via the second array and, if the part of the name of an item (i.e. DT8) is included in an element of the array 'compatibility' of the first array, I would like to include a new properties to it from the element of the first array: printerBrand. I have tried but somehow the iteration doesn't take place correctly. This is what I tried:
items.forEach((item) => {
printerChart.forEach((printer) => {
if (printer.compatibilty.some(compatibleElem => (
item.name.includes(compatibleElem)))) {
item.printerBrand = printer.printerBrand;
} else {
item.printerBrand = '';
}
});
});
What am I doing wrong?
You do
items.items.forEach(...)
Shouldn't you be doing
items.forEach(...)
?
I suggest to initialize item.printerBrand with an empty string and use a nested approach of some for getting a brand and to exit the loops, if found.
This prevents to get an empty string even if there is a brand to assign.
items.forEach((item) => {
item.printerBrand = '';
printerChart.some(printer => {
if (printer.compatibilty.some(compatibleElem => item.name.includes(compatibleElem))) {
item.printerBrand = printer.printerBrand;
return true;
}
});
});

Categories

Resources