I'm working with a dataset returned by a library, and it's structured like this:
var givenData = [{"fName": "john"}, {"fName": "mike"}, {"country": "USA"}]
My goal is to group the "fName" values together and add '[]' to achieve the following result:
{ 'fName[]': ['john','mike'],'country[]': ['USA'] };
Keep in mind that country and fName are completely unrelated.
Recommendation (utilizing ES6 syntax)
const restructureData = (data) => {
const modifiedData = {}
data.forEach( (item) => {
for (let property in item) {
const newProperty = property + "[]"
if (!modifiedData.hasOwnProperty(newProperty)) modifiedData[newProperty] = []
modifiedData[newProperty].push(item[property])
}
})
return modifiedData
}
/* added some additional properties to test */
let providedData = [
{"name": "Alice", "age": 25},
{"name": "Bob"},
{"age": 30},
{"gender": "Female"}
]
console.log(restructureData(providedData))
/*
{
"name[]": ["Alice","Bob"],
"age[]": [25,30],
"gender[]":["Female"]
}
*/
To add the date to a specific field, you can loop through the array and insert it accordingly.
var givenData = [{"fName": "john"}, {"fName": "mike"}, {"country": "USA"}]
var result = {
'fName[]': [],
'country[]': []
};
givenData.forEach(function (data) {
if (data.fName) {
result['fName[]'].push(data.fName);
}
if (data.country) {
result['country[]'].push(data.country);
}
});
console.log(result);To create an organized data structure, you can extract the key and use it to build an object with arrays as its properties.
var inputArray = [{"name": "Alice"}, {"name": "Bob"}, {"country": "Canada"}],
organizedData = inputArray.reduce(function (result, obj) {
var key = Object.keys(obj)[0] + '[]';
result[key] = result[key] || [];
result[key].push(obj[Object.keys(obj)[0]]);
return result;
}, Object.create(null));
console.log(organizedData);When using ES6 syntax:
const updatedData = givenData.reduce((result, obj) => {
const key = `${Object.keys(obj)[0]}[]`;
return { ...result, [key]: [ ...result[key], obj[key] ] }
}, {});
This approach preserves the original data and provides a neat solution.
As I work to incorporate an inactivity timeout monitor on my page, the goal is to track whether individuals working from home are present at their desks or not. The Jquery plugin http://plugins.jquery.com/project/timeout that I am utilizing initiates a ti ...
I'm working with a Swagger YAML function that looks like this: /acitem/image: x-swagger-router-controller: image_send get: description: Returns 'image' to the caller operationId: imageSend parameters: ...
I recently created a jQuery code snippet: <span id="counter-up" class="timer"> </span> <div class="buttons"> <button id="trigger">Find out!</button> </div> </div> <div class="container"> </div> & ...
I am attempting to modify a piece of JavaScript code in order to locate all checkboxes, assign names to them, and then add label attributes with CSS for accessibility purposes. Here is the snippet of my existing code: <tr class="el-table__row" ...
On iOS devices like the iPad and iPhone 6, scrolling doesn't seem to work as intended. Instead of the iframe scrolling, it's the 'body' that is moving. Javascript $(document).on(clickHandler, '#content a', function(){ href ...
Currently, I am utilizing Next.js along with next-redux-wrapper and RTK Query. My application is performing external API requests on the server side. The implementation of the request looks like this: CompaniesPage.getInitialProps = initialPagePropsWithCom ...
<el-table-column label="Time Created" prop="create_time"></el-table-column> https://i.stack.imgur.com/aoLjf.png The timestamp data from the backend is in milliseconds format (e.g. 1527150668419) and is stored as create_time property in this.i ...
I am facing an issue with retrieving a token for validating an Auth status in the /src/main.ts file: if (TokenService.getAccessToken() !== undefined) { ... } Here is my token.service.ts file: import storage from '@/plugins/storage' const ACCESS ...
This is what I have achieved so far: function getOffsetRect(elem) { var box = elem.getBoundingClientRect() var body = document.body var docElem = document.documentElement var scrollTop = window.pageYOffset || docElem.scrollTop || body.sc ...
I need assistance with my app.js file that currently directs all requests to pages/index.html. Now I am attempting to utilize Angular to route user requests for '/#/media' by adding the following code: academy.config(function($routeProvider) { ...
authority: 'yyy', client_id: this.'yyy', redirect_uri: 'http://localhost:4200/login', response_type: 'token', scope: 'yyy', post_logout_redirect_uri: & ...
While working on my react class component, I encountered an issue. The alert popup keeps appearing constantly without any button click as soon as the component renders. onHandleOnClick(data, e) { console.log(data); alert("got it" + data); } rend ...
Before all async calls to the API are completed, window.location.href is triggered when the code runs. Setting a breakpoint on the location resolves the issue. How can I ensure that all calls are finished before invoking window.location.href? Code: const ...
Recently, I was diving into the world of webpack tutorial and it struck me that in order to combine everything into one module, scripts need to use require('./xyz'). Until now, I've always written individual scripts and loaded them in HTML u ...
Currently, I am using Next.js 14 for my project. Suddenly, there has been an issue where some images are not loading on my local setup. However, the images load fine on the preview and production branches on Vercel. Upon checking my console, I noticed th ...
Looking to update an existing project that currently uses iFrames for loading external HTML files, which in this case are actually part of the same project and not from external sites. However, I've heard that using iFrames for this purpose is general ...
While operating on redhat5.9, I encountered an exception related to 'make'. I am curious about what they are trying to create. It seems like it's related to JavaScript. [root@xxxx bin]# npm install -g sinopia --python=/usr/local/clo/ven/pyt ...
Issue: Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: D:\...\node_modules\normalize-url\index.js [0] require() of ES modules is not supported. [0] require() of D:\...\node_modules\normalize-url\index.js ...
I created a form using ng-repeat, but I am struggling to incorporate ng-model into it. I attempted to use track by $index without success. While I found examples of using ng-model with values in an object, that's not what I'm looking for. I simp ...
Upon examining this function, it appears that there may be an issue with a null value causing the error message to display: (node:16232) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'groupPages' of null async setTriggers() { ...