I'm working with a JSON Array that looks like this:
[
{"Name" : "Arrow",
"Year" : "2001"
},
{"Name" : "Arrow",
"Type" : "Action-Drama"
},
{ "Name" : "GOT",
"Type" : "Action-Drama"
}
]
and I want to convert it to look like this:
[
{
"Name" : "Arrow",
"Year" : "2001",
"Type" : "Action-Drama",
},
{
"Name" : "GOT",
"Type" : "Action-Drama"
}
]
If anyone can help me with this, I would greatly appreciate it.
Thanks in advance.
If you want to manipulate the data using JavaScript, you can utilize the Array#reduce method.
let collection = [{
"Name": "Arrow",
"Year": "2001"
},
{
"Name": "Arrow",
"Type": "Action-Drama"
},
{
"Name": "GOT",
"Type": "Action-Drama"
}
]
let result = collection.reduce((obj, { Name, ...rest }) => {
obj[Name] = obj[Name] || { Name };
Object.assign(obj[Name], rest);
return obj;
}, {})
console.log(Object.values(result))Alternatively, you can achieve the same outcome using a traditional for loop along with an additional object to keep track of elements based on their Name.
let list = [{
"Name": "Arrow",
"Year": "2001"
},
{
"Name": "Arrow",
"Type": "Action-Drama"
},
{
"Name": "GOT",
"Type": "Action-Drama"
}
]
let results = [],
reference = {};
for (let i = 0; i < list.length; i++) {
if (!(list[i].Name in reference)) results.push(reference[list[i].Name] = {});
Object.assign(reference[list[i].Name], list[i]);
}
console.log(Object.values(results))To efficiently manipulate data, you can utilize the reduce() and findIndex() methods.
let information = [
{"Title" : "Arrow",
"Released" : "2001"
},
{"Title" : "Arrow",
"Genre" : "Action-Drama"
},
{ "Title" : "GOT",
"Genre" : "Action-Drama"
}
]
let result = information.reduce((accumulator, current) => {
let index = accumulator.findIndex(x => x.Title === current.Title);
index === -1 ? accumulator.push({...current}) : accumulator[index] = {...accumulator[index],...current};
return accumulator;
},[])
console.log(result)Utilize the combination of reduce and Object.assign to merge the elements within the given array:
const values = [{
"Name" : "Arrow",
"Year" : "2001"
}, {
"Name" : "Arrow",
"Type" : "Action-Drama"
}, {
"Name" : "GOT",
"Type" : "Action-Drama"
}];
function mergeByProperty (property, elements) {
return elements.reduce((accumulator, element) => {
if (!accumulator[element[property]]) {
accumulator[element[property]] = element;
} else {
accumulator[element[property]] = Object.assign(accumulator[element[property]], element);
}
return accumulator;
}, {});
}
function objectToArray (object) {
return Object.keys(object).map(key => object[key]);
}
console.log(objectToArray(mergeByProperty('Name', values)));Check out this solution:
var obj1 = {
apple: 0,
banana: { weight: 52, price: 100 },
cherry: 97
};
var obj2 = {
banana: { price: 200 },
durian: 100
};
// Combine obj2 with obj1, recursively
$.extend( true, obj1, obj2 );
console.log( JSON.stringify( obj1 ) );
Reference:
I have a webpage with Javascript where I've implemented a textarea using the following code: var textarea = $("<textarea>"); textarea.change(() => { console.log(textarea.val()); }); When I update the value in the textarea and then chang ...
I am currently developing a real-time application and utilizing Socket.io for its functionality. At the moment, my setup involves receiving user-posted messages through the socket server, saving this data to a MySQL database via the controller, and then b ...
Currently, I am in the process of writing a test case for a page within an application that our team is actively developing. However, I have encountered a challenging error within one of the test cases that I am struggling to overcome. Below is my Spec fil ...
Currently, I am using JavaScript and AJAX to validate a registration form. The functions restrict(elem) and checkusername() are both working as intended. When the AJAX passes the checkusername variable to PHP, it checks if the username exists and displays ...
Revision: After some tinkering, I discovered that the issue was related to the order in which I created the windows. Previously, my code looked like this: app.whenReady().then(() => { createWindow(); spawnLoadingBlockWindow(); spawnGenerati ...
I have a JSON dataset structured as follows: $scope.jsondata = [{filename:"/home/username/textfiles/0101907.txt"},{filename:"/home/username/textfiles/0124757.txt"},{filename:"/home/username/textfiles/0747332.txt"} ... ]; Here is my HTML code: <li ng ...
I'm struggling to extract data from a child array and utilize it in my v-if condition. Below are my data and code. Any assistance would be appreciated, even if it's just pointers to the right documentation. <div class='post' v-for= ...
In my MVC 5 project, I am using TypeScript and angular. There are three TS files: Controller1.ts, Controller2.ts, and app.ts. The issue arises when I compile the program for the first time - everything usually compiles correctly in the expected order. Howe ...
Whenever a user updates their profile picture, I need to initiate an ajax call. The ajax call is functioning properly, but the issue lies in nothing being sent to the server. <form action="#" enctype='multipart/form-data' id="avatar-upload-fo ...
Currently, I am developing a game similar to Stick Hero for Android using HTML5. I am working on the code that will capture the time of key press (specifically the right arrow key with ASCII 39) in JavaScript and expand a stick accordingly. <!doctype h ...
While working on my react project, I decided to incorporate react-icons by running npm install react-icons in the command prompt. However, after some time, the process resulted in the following errors: F:\Areebs\React JS\areeburrub>npm in ...
Excuse me, I have a form with an input field and radio buttons. Can someone please help me with how to retrieve the value of the selected radio button and then populate that value into the input text field? For reference, here is the link to the jsfiddle: ...
Exploring My Module npmpublicrepo -- package.json -- test.js The contents of package.json are as follows: { "name": "npmpublicrepo", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Erro ...
Currently, I am working on a project using P5.js where I am saving values in an array and then creating a copy of that array to manipulate. However, I have encountered an issue where manipulating the second array also changes the original one, and I cannot ...
For horizontal and vertical lines, using a translation of 0.5 for odd stroke widths results in crisper and sharper lines. But what about diagonal lines? Link to jsfiddle <!DOCTYPE html> <html lang="en"> <body style="background: black"& ...
Hello, I'm having an issue with Express Js. It seems like a beginner problem - static files are not being served properly. const express = require('express'); express() .set('view engine','ejs') .use(express.stat ...
I want to organize and display data in a sortable table format javascript let dataList = [ { idx: number, name: string, btn: number, index: number }, { idx: number, name: string, btn: number, index: number }, { idx: number, name: string, btn: number ...
After consulting the discussion on the previous inquiry, I have been working on constructing models in BufferGeometry and have come to understand that the transparent flag plays a role in the rendering order: objects with transparent materials will be rend ...
As I venture into customizing an AngularJS tutorial on a Saturn Quiz, I am transforming it from multiple choice to a fill-in-the-blank quiz. The challenge I face is that the first answer registers as correct or incorrect, but subsequent questions always s ...
After creating a program designed to process specific elements from an array of double purchase within a function, I encountered an issue when trying to call the function in my main code: float beverages () { char response; double purc ...