i have a script where i am trying to get the unique object based on state from the array of objects
The below scripts works fine, but I have one case where I have nested object in one kind of state has a sub-state, so I want to find the unique from the array of objects and get the unique.
The below snippet I am able to get the first level, but if we see the state => "EF" has a sub_state_details, so I need to get the unique from sub_state_details if state is EF
let inputArray = [{
state: "AB",
}, {
state: "BC",
}, {
state: "BC",
}, {
state: "CD",
}, {
state: "CD",
}, {
state: "DE",
}, {
state: "EF",
sub_state_details: {
state: "EF-1"
}
}, {
state: "EF",
sub_state_details: {
state: "EF-1"
}
},
{
state: "EF",
sub_state_details: {
state: "EF-2"
}
}
]
let resArr = []
inputArray.filter(function(item) {
var i = resArr.findIndex(x => (x.state == item.state));
if (i <= -1) {
resArr.push({
state: item.state
});
}
return null;
});
console.log(resArr)expected output
let output = [{
state: "AB",
}, {
state: "BC",
}, {
state: "CD",
}, {
state: "DE",
}, {
state: "EF-1",
},{
state: "EF-2",
}]
Other answers may give you the correct result, but they are using array functions incorrectly, granted they are based on your attempt. e.g. some using filter but never using the result from the filter. or trying to return null from a forEach even though forEach doesn't. return anything
reduce() is better suited to your case, as you are reducing one array to another, based on some conditions -
let inputArray = [{
state: "AB",
}, {
state: "BC",
}, {
state: "BC",
}, {
state: "CD",
}, {
state: "CD",
}, {
state: "DE",
}, {
state: "EF",
sub_state_details: {
state: "EF-1"
}
}, {
state: "EF",
sub_state_details: {
state: "EF-1"
}
},
{
state: "EF",
sub_state_details: {
state: "EF-2"
}
}
]
const result = inputArray.reduce((acc, cur) => {
if(!acc.find((accItem) => accItem.state == cur.state)) {
if(cur.state === 'EF') {
if(cur.sub_state_details && !acc.find((accItem) => accItem.state === cur.sub_state_details.state)) {
acc.push({state: cur.sub_state_details.state})
}
} else {
acc.push({state: cur.state})
}
}
return acc;
}, [])
console.log(result)You can use a conditional statement to check if sub_state_details exists.
Like this:
let inputArray = [
{
state: "AB",
},
{
state: "BC",
},
{
state: "BC",
},
{
state: "CD",
},
{
state: "CD",
},
{
state: "DE",
},
{
state: "EF",
sub_state_details: {
state: "EF-1",
},
},
{
state: "EF",
sub_state_details: {
state: "EF-1",
},
},
{
state: "EF",
sub_state_details: {
state: "EF-2",
},
},
];
let resArr = [];
inputArray.filter(function (item) {
var i = resArr.findIndex((x) => x.state == item.state);
if (i <= -1) {
if (item.sub_state_details) {
resArr.push({
state: item.sub_state_details.state,
});
} else {
resArr.push({
state: item.state,
});
}
}
return null;
});
console.log(resArr);This is actually a pretty simple solution. You first have to check if sub_state_details exists. If it does, we need to use that state instead. We can achieve this by using a variable called "sub," and if the sub_state_details object is defined, we use sub_state_details.state instead of item.state.
let inputArray = [{
state: "AB",
}, {
state: "BC",
}, {
state: "BC",
}, {
state: "CD",
}, {
state: "CD",
}, {
state: "DE",
}, {
state: "EF",
sub_state_details: {
state: "EF-1"
}
}, {
state: "EF",
sub_state_details: {
state: "EF-1"
}
},
{
state: "EF",
sub_state_details: {
state: "EF-2"
}
}
]
let resArr = []
inputArray.filter(function(item) {
var i = resArr.findIndex(x => (x.state == item.state));
let sub = item.sub_state_details;
if(!sub) {sub=item}
if (i <= -1) {
resArr.push({
state: sub.state
});
}
return null;
});
console.log(resArr)Hope I could help.