Massaging JSON Data with underscore.js

Massaging JSON Data with underscore.js - javascript

I have stored the data in the following manner
[
{
"metadata": {
"subtitle": "kit",
"id": "0063400000yCqRfAAK",
"title": "#9864478"
},
"entityTitle": "Opportunities"
},
{
"metadata": {
"subtitle": "Acceleration",
"id": "0063400000yCqRfAAK",
"title": "#9882278"
},
"entityTitle": "Reports"
}
]
I need to transform this into :
[
{
"entityTitle": "Opportunities",
"searchResults": [
{
"subtitle": "kit",
"id": "0063400000yCqRfAAK",
"title": "#9864478"
}
]
},
{
"entityTitle": "Reports",
"searchResults": [
{
"subtitle": "Acceleration",
"id": "0063400000yCqRfAAK",
"title": "#9882278"
}
]
}
]
I have used _.groupBy , like this
_.groupBy(recentData, function(data) {
return data.entityTitle;
});
and I got :
{
"Opportunities": [
{
"metadata": {
"subtitle": "kit",
"id": "0063400000yCqRfAAK",
"title": "#9864478"
},
"entityTitle": "Opportunities"
}
],
"Reports": [
{
"metadata": {
"subtitle": "Acceleration",
"id": "0063400000yCqRfAAK",
"title": "#9882278"
},
"entityTitle": "Reports"
}
]
}
I need to store the recently searched data into an array, so I am storing the data like this.Can anyone help please me get the data into proper format?

Just a simple mapping will suffice:
const data = [
{
"metadata": {
"subtitle": "kit",
"id": "0063400000yCqRfAAK",
"title": "#9864478"
},
"entityTitle": "Opportunities"
},
{
"metadata": {
"subtitle": "Acceleration",
"id": "0063400000yCqRfAAK",
"title": "#9882278"
},
"entityTitle": "Reports"
}
];
const transformation = data.map( item => ({
"entityTitle": item.entityTitle,
"searchResults": [
item.metadata
]
}));
console.log( transformation );
But I would advice against storing the search results this way.
I would store the current search results in a seperate array and just have the indexes of the entity inside the entities array, so that there's a clear seperation between the searches and the entities, since the entity should not care about if it's being searched or not.
In case there's multiple entities of the same name, we can replace the mapping by a reduction:
const data = [
{
"metadata": {
"subtitle": "kit",
"id": "0063400000yCqRfAAK",
"title": "#9864478"
},
"entityTitle": "Opportunities"
},
{
"metadata": {
"subtitle": "Acceleration",
"id": "0063400000yCqRfAAK",
"title": "#9882278"
},
"entityTitle": "Reports"
},
{
"metadata": {
"subtitle": "kat",
"id": "0045100000yCqRfAAK",
"title": "#98640100"
},
"entityTitle": "Opportunities"
}
];
const transformation = Object.values(
data.reduce(( groups, item ) => {
const entityTitle = item.entityTitle;
if ( !groups[ entityTitle ] ) groups[ entityTitle ] = { entityTitle, "searchResults": [] };
groups[ entityTitle ].searchResults.push( item.metadata );
return groups;
}, {} )
);
console.log( transformation );

Use a chain and map the groups created by _groupBy. The search results within each group also need mapping to remove the metadata property
let res =
_.chain(data)
.groupBy('entityTitle')
.map(function(results, title) {
return {entityTitle: title, searchResults: _.map(results, 'metadata') };
})
.value();
console.log(res)
.as-console-wrapper {
max-height: 100%!important;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
<script>
data = [{
"metadata": {
"subtitle": "kit",
"id": "0063400000yCqRfAAK",
"title": "#9864478"
},
"entityTitle": "Opportunities"
},
{
"metadata": {
"subtitle": "foo",
"id": "foo",
"title": "#foo"
},
"entityTitle": "Opportunities"
},
{
"metadata": {
"subtitle": "Acceleration",
"id": "0063400000yCqRfAAK",
"title": "#9882278"
},
"entityTitle": "Reports"
}
]
</script>

Related

Get all its parent nodes path for each child nodes

Hi I have below code running, but I would like to add one more property called path which should consist all its parent node path
Expected output I need something as I have shown for cardTtile, so I need same for each node.
[
{
"id": "cardShop",
"key": "cardShop",
"title": "cardShop",
"selectable": false,
"path":cardShop"
"children": [
{
"id": "cardData",
"key": "cardData",
"title": "cardData",
"parentId": "cardShop",
"path":cardShop.cardData"
"selectable": false,
"children": [
{
"id": "cardTitle",
"key": "cardTitle",
"title": "cardTitle",
"parentId": "cardData",
"path":cardShop.cardData.cardTitle"
"isLeaf": true
},
{
"id": "cardType",
"key": "cardType",
"title": "cardType",
"parentId": "cardData",
"isLeaf": true
},
{
"id": "dtmProductName",
"key": "dtmProductName",
"title": "dtmProductName",
"parentId": "cardData",
"isLeaf": true
},
{
"id": "viewAllCards",
"key": "viewAllCards",
"title": "viewAllCards",
"parentId": "cardData",
"selectable": false,
"children": [
{
"id": "url",
"key": "url",
"title": "url",
"parentId": "viewAllCards",
"isLeaf": true
},
{
"id": "text",
"key": "text",
"title": "text",
"parentId": "viewAllCards",
"isLeaf": true
}
]
}
]
},
{
"id": "eligibilityChecker",
"key": "eligibilityChecker",
"title": "eligibilityChecker",
"parentId": "cardShop",
"selectable": false,
"children": [
{
"id": "header",
"key": "header",
"title": "header",
"parentId": "eligibilityChecker",
"isLeaf": true
},
{
"id": "subHeader",
"key": "subHeader",
"title": "subHeader",
"parentId": "eligibilityChecker",
"isLeaf": true
},
{
"id": "bulletPoints",
"key": "bulletPoints",
"title": "bulletPoints",
"parentId": "eligibilityChecker",
"isLeaf": true
}
]
}
]
}
]
I have below running code example here. I tried to persist parentKey recursively but its not giving me expected output.
const transform = data => {
const loop = (data, parent) => Object.entries(data).map(([key, value]) => {
let additional = parent? {
parentId: parent
}:{}
if(typeof value === 'object' && !Array.isArray(value)){
additional = {
...additional,
selectable: false,
children: loop(value, key)
}
}else{
additional.isLeaf = true
}
return {
id: key,
key,
title: key,
...additional
}
})
return loop(data)
}
let jsonObj = {
"data": {
"cardShop": {
"cardData": {
"cardTitle": "The Platinum Card<sup>®</sup>",
"cardType": "credit-cards",
"dtmProductName": "PlatinumCard",
"viewAllCards": {
"url": "credit-cards/all-cards",
"text": "All Cards"
}
},
"eligibilityChecker": {
"header": "Check your eligibility",
"subHeader": "The Platinum Card®",
"bulletPoints": [
"Only takes a couple of minutes to complete",
"Will not impact your credit rating",
"Allows you to apply with confidence"
]
}
}
}
}
console.log(transform(jsonObj.data))
]
You suggestion would be appreciated
Thanks

You could take another variable for path and add the actual key to it.
const transform = data => {
const loop = (data, parentId, previousPath = '') => Object
.entries(data)
.map(([key, value]) => {
const
additional = parentId ? { parentId } : {},
path = previousPath + (previousPath && '.') + key;
Object.assign(
additional,
value && typeof value === 'object' && !Array.isArray(value)
? { selectable: false, children: loop(value, key, path) }
: { isLeaf: true }
);
return { id: key, key, title: key, path, ...additional };
});
return loop(data);
}
const data = { cardShop: { cardData: { cardTitle: "The Platinum Card<sup>®</sup>", cardType: "credit-cards", dtmProductName: "PlatinumCard", viewAllCards: { url: "credit-cards/all-cards", text: "All Cards" } }, eligibilityChecker: { header: "Check your eligibility", subHeader: "The Platinum Card®", bulletPoints: ["Only takes a couple of minutes to complete", "Will not impact your credit rating", "Allows you to apply with confidence"] } } };
console.log(transform(data));
.as-console-wrapper { max-height: 100% !important; top: 0; }

javascript print nested array to screen

I have a data array, there are multiple objects in this array, and the data object is an array. There may be more than one object in this array. How can I copy these objects under a single array?
const test = []
const data = [
{
"_id": "124141",
"name": "test",
"data": [
{
"price":10,
"title": "sda"
},
]
},
{
"_id": "2525",
"name": "test2",
"data": [
{
"price":20,
"title": "asdas"
},
]
}
]
[{
"price":10,
"title": "sda"
},
{
"price":20,
"title": "asdas"
},
]
If this is the output I expect, it should be like this. how can I do that

const data = [
{
"_id": "124141",
"name": "test",
"data": [
{
"price":10,
"title": "sda"
},
{
"price":99,
"title":"aaaaa"
}
]
},
{
"_id": "2525",
"name": "test2",
"data": [
{
"price":20,
"title": "asdas"
},
]
}
];
console.log(data.map(e => e.data).flat());
// OR
console.log(data.flatMap(e => e.data));

how to sort array of object in js by property i.ecategoryname' in my dataset in alphabetical order using mergesort

Here is the list of data that should be sorted in alphabetical based of categoryName
value using merger sort
const filteritem = [
{
"categoryName": "admission",
"rows": [
{
"uploaddate": "8/8/2022",
"title": "binoddocs",
"view": "https://firebasestorage.googleapis.com/v0/b/auth",
"fullname": "bruno",
"id": "B8QsXYVFH8fHt3PrBYUp"
}
]
},
{
"categoryName": "officialdocument",
"rows":
{
"file": null,
"uploadedby": "bruno",
"uploaddate": "6/27/2022",
"title": "sudhikchaadmission",
"view": "https://firebasestorage.googleapis.com/v0/b/auth",
"id": "Z27GLizWnYTJvLQyYRQt"
},
{
"view": "https://firebasestorage.googleapis.com/v0/b/auth",
"uploadedby":"bruno",
"uploaddate":"6/27/2022",
"title":"ankitadmission",
"file":null,
"id":"rmcbUrg9TpFhQh5RLqva"
}
]
},
{
"categoryName":"syallabus",
"rows": [
{
"fullname":"bruno",
"view":"https://firebasestorage.googleapis.com/v0/b/auth",
"title":"sudhir",
"uploaddate":"8/15/2022",
"id":"hi7QEOlBzzVLZ1QHYqlk"
}
]
},
{
"categoryName":"Binodkhatricv",
"rows": [
{
"title":"binodtry",
"fullname":"bruno",
"uploaddate":"8/15/2022",
"view":"https://firebasestorage.googleapis.com/v0/b/auth",
"id":"o4EtP1xkbWMk1icp4uNH"
}
]
i can use filter and includes method to sort.. but i have to implement some types of algorithm in my project like{mergersort ,bubblesort,depthsearch etc}but for now i need to use mergesort***
The final result should be like this i have not included all the property inside the object here i think you got it ..
filteritem=[
{categoryName:"admission"...},
{cateogryName:"Binodkhatricv"..},
{categoryName:"officialdocument"...},
{categoryName:"syallabus"...}
]```

You can use sort I guess it's do want to try to do :
const filteritem = [
{
"categoryName": "admission",
"rows": [
{
"uploaddate": "8/8/2022",
"title": "binoddocs",
"view": "https://firebasestorage.googleapis.com/v0/b/auth",
"fullname": "bruno",
"id": "B8QsXYVFH8fHt3PrBYUp"
}
]
},
{
"categoryName": "officialdocument",
"rows":
[{
"file": null,
"uploadedby": "bruno",
"uploaddate": "6/27/2022",
"title": "sudhikchaadmission",
"view": "https://firebasestorage.googleapis.com/v0/b/auth",
"id": "Z27GLizWnYTJvLQyYRQt"
},
{
"view": "https://firebasestorage.googleapis.com/v0/b/auth",
"uploadedby":"bruno",
"uploaddate":"6/27/2022",
"title":"ankitadmission",
"file":null,
"id":"rmcbUrg9TpFhQh5RLqva"
}
]
},
{
"categoryName":"syallabus",
"rows": [
{
"fullname":"bruno",
"view":"https://firebasestorage.googleapis.com/v0/b/auth",
"title":"sudhir",
"uploaddate":"8/15/2022",
"id":"hi7QEOlBzzVLZ1QHYqlk"
}
]
},
{
"categoryName":"Binodkhatricv",
"rows": [
{
"title":"binodtry",
"fullname":"bruno",
"uploaddate":"8/15/2022",
"view":"https://firebasestorage.googleapis.com/v0/b/auth",
"id":"o4EtP1xkbWMk1icp4uNH"
}
]
}];
let sorted = filteritem.sort((a, b) => (a < b ? -1 : 1))
console.log(sorted)

You need to use localeCompare to sort the string, but after toLowerCase to ignore case sensitivity.
const filteritem = [
{
"categoryName": "admission",
"rows": [
{
"uploaddate": "8/8/2022",
"title": "binoddocs",
"view": "https://firebasestorage.googleapis.com/v0/b/auth",
"fullname": "bruno",
"id": "B8QsXYVFH8fHt3PrBYUp"
}
]
},
{
"categoryName": "officialdocument",
"rows": [
{
"file": null,
"uploadedby": "bruno",
"uploaddate": "6/27/2022",
"title": "sudhikchaadmission",
"view": "https://firebasestorage.googleapis.com/v0/b/auth",
"id": "Z27GLizWnYTJvLQyYRQt"
},
{
"view": "https://firebasestorage.googleapis.com/v0/b/auth",
"uploadedby":"bruno",
"uploaddate":"6/27/2022",
"title":"ankitadmission",
"file":null,
"id":"rmcbUrg9TpFhQh5RLqva"
}
]
},
{
"categoryName":"syallabus",
"rows": [
{
"fullname":"bruno",
"view":"https://firebasestorage.googleapis.com/v0/b/auth",
"title":"sudhir",
"uploaddate":"8/15/2022",
"id":"hi7QEOlBzzVLZ1QHYqlk"
}
]
},
{
"categoryName":"Binodkhatricv",
"rows": [
{
"title":"binodtry",
"fullname":"bruno",
"uploaddate":"8/15/2022",
"view":"https://firebasestorage.googleapis.com/v0/b/auth",
"id":"o4EtP1xkbWMk1icp4uNH"
}
]
}
]
const result = filteritem.sort((a, b) => a.categoryName.toLowerCase().localeCompare(b.categoryName.toLowerCase()))
console.log(result)

Generate dynamic payload as per nested array item click javascript

I have this JSON data:
{
"data": [
{
"category": {
"documentId": "c8kr0cv012vtr8vm3iug",
"title": "Art"
},
"subcategories": [
{
"documentId": "c8kr7nv012vtr8vm3l8g",
"title": "Architecture"
},
{
"documentId": "c8kr7nv012vtr8vm3lag",
"title": "Dance"
},
{
"documentId": "c8kr7nv012vtr8vm3lbg",
"title": "Fashion"
}
]
},
{
"category": {
"documentId": "c8kr0cv012vtr8vm3iqg",
"title": "Business"
},
"subcategories": [
{
"documentId": "c8kr3d7012vtr8vm3jjg",
"title": "Crypto"
},
{
"documentId": "c8kr3d7012vtr8vm3jj0",
"title": "Finance"
},
{
"documentId": "c8kr3d7012vtr8vm3jkg",
"title": "Marketing"
}
]
}
]
}
I have tagview in my mobile screen so user can select multiple subcategory at a same time by select deselect so if i choose 2 subcategory from Art and 2 from Business then expected post payload should be like below
{
"data": [
{
"category": "c8kr0cv012vtr8vm3iug",
"subcategories": [
"c8kr7nv012vtr8vm3l8g",
"c8kr7nv012vtr8vm3lag"
]
},
{
"category": "c8kr0cv012vtr8vm3iqg",
"subcategories": [
"c8kr3d7012vtr8vm3jjg",
"c8kr3d7012vtr8vm3jj0"
]
}
]
}
So my code is like below
const tempDefaultPayload = dataPayload.map(x => {
if (x.category) {
x.subcategories?.push(subcategory);
if (userData?.userInterests?.map(v => v.category.documentId === category)) {
const arrayNewData: any = [];
const newData: any = userData?.userInterests?.map(i =>
i.subcategories?.map(k => {
arrayNewData.push(k?.documentId);
return k?.documentId;
}),
);
x.subcategories?.push(...arrayNewData);
}
return x;
}
return x;
})
When I run above code payload is not passing correct
[
{
"category": "c8kr0cv012vtr8vm3iug",
"subcategories": [
"c8kr7nv012vtr8vm3l8g",
"c8kr7nv012vtr8vm3lag",
"c8kr3d7012vtr8vm3jjg",
"c8kr3d7012vtr8vm3jj0"
]
},
{
"category": "c8kr0cv012vtr8vm3iqg",
"subcategories": [
"c8kr7nv012vtr8vm3l8g",
"c8kr7nv012vtr8vm3lag",
"c8kr3d7012vtr8vm3jjg",
"c8kr3d7012vtr8vm3jj0"
]
}
]
It is passing all selected subcategory in both array any idea how can I solve this ?

If you have the selected tag ids in the array selectedTags and your json as a variable called data:
const tempDefaultPayload = {
data: data.data.map(x => {
"category": x.category.documentId,
"subcategories": x.subcategories.map(subcat =>
subcat.documentId).filter(item => selectedTags.includes(item))
})
}
Playground example

Combining objects with duplicate key / value pairs

I have an object array with duplicate key / value pairs. I have used .map() to manipulate it's structure. I'd like to combine these duplicate pairs by adding the property System.Title as an additional object to the item that shares the same Title.
var doctypes = [{
"System": {
"Title": "FIS NetImage"
},
"Title": "Notices",
}, {
"System": {
"Title": "OmniView"
},
"Title": "Notices",
}, {
"System": {
"Title": "Nautilus"
},
"Title": "Reports",
}, {
"System": {
"Title": "FIS NetImage"
},
"Title": "Statements",
}]
var modDocTypes = doctypes.map(modDocType => ({
Title: modDocType.Title,
System: [{
Title: modDocType.System.Title
}]
}))
console.log(modDocTypes)
// DESIRED OUTCOME:
//[
// {
// "Title": "Notices",
// "System": [
// {
// "Title": "FIS NetImage"
// },
// {
// "Title": "OmniView"
// }
// ]
// },
// {
// "Title": "Reports",
// "System": [
// {
// "Title": "Nautilus"
// }
// ]
// },
// {
// "Title": "Statements",
// "System": [
// {
// "Title": "FIS NetImage"
// }
// ]
// }
//]
How can I accomplish this?

Because the input array objects and output array objects are not one-to-one, you'll have to use reduce instead to combine the identical Titles:
const input = [{
"System": {
"Title": "FIS NetImage"
},
"Title": "Notices",
}, {
"System": {
"Title": "OmniView"
},
"Title": "Notices",
}, {
"System": {
"Title": "Nautilus"
},
"Title": "Reports",
}, {
"System": {
"Title": "FIS NetImage"
},
"Title": "Statements",
}];
const output = input.reduce((a, { Title, System }) => {
const foundTitleObj = a.find(obj => obj.Title === Title);
if (foundTitleObj) {
foundTitleObj.System.push(System);
return a;
}
const newTitleObj = {
Title,
System: [ System ],
};
a.push(newTitleObj);
return a;
}, []);
console.log(output);

Develop Reference

JavaScript is the programming language of the Web.

Massaging JSON Data with underscore.js - javascript

Related

Get all its parent nodes path for each child nodes

javascript print nested array to screen

how to sort array of object in js by property i.ecategoryname' in my dataset in alphabetical order using mergesort

Generate dynamic payload as per nested array item click javascript

Combining objects with duplicate key / value pairs

Categories

Resources