Combining nested objects into a single object

Question

Combining nested objects into a single object

Can a nested array object be flattened into a single object? In my query, I aim to eliminate the source object and combine all properties into one object (see the desired output below).

    var result = [
    {"_id":"12345",
    "_type":"feeds",
    "_source":{
              "title": "hi all solve it",
              "link": "www.face.com",
              "content": "Hi thewwewewedwe asdasdasdasd",
              "createdAt": "2018-08-08T11:42:40.073Z",
              "updatedAt": "2018-08-08T11:42:40.073Z",
              "reply": []
                }
    }]

 //desired output

     var newResult = [
        {
            "_id":"12345",
            "_type":"feeds",
            "title": "hi all solve it",
            "link": "www.face.com",
            "content": "Hi thewwewewedwe asdasdasdasd",
            "createdAt": "2018-08-08T11:42:40.073Z",
            "updatedAt": "2018-08-08T11:42:40.073Z",
            "reply": []
        }];

javascript arrays

Answer 1

Answer №1

To handle this situation, you can utilize the spread syntax

var result = [{
  "_id":"12345",
  "_type":"feeds",
  "_source": {
    "title": "hi all solve it",
    "link": "www.face.com",
    "content": "Hi thewwewewedwe asdasdasdasd",
    "createdAt": "2018-08-08T11:42:40.073Z",
    "updatedAt": "2018-08-08T11:42:40.073Z",
    "reply": []
  }
}];
    

const { _source, ...rest } = result[0];

const flattenResult = [{
  ...rest,
  ..._source,
}];

console.log(flattenResult);

I'll leave it up to you to figure out the solution when dealing with a scenario where result.length is greater than 1.

Answer 2

To handle this situation, you can utilize the spread syntax

var result = [{
  "_id":"12345",
  "_type":"feeds",
  "_source": {
    "title": "hi all solve it",
    "link": "www.face.com",
    "content": "Hi thewwewewedwe asdasdasdasd",
    "createdAt": "2018-08-08T11:42:40.073Z",
    "updatedAt": "2018-08-08T11:42:40.073Z",
    "reply": []
  }
}];
    

const { _source, ...rest } = result[0];

const flattenResult = [{
  ...rest,
  ..._source,
}];

console.log(flattenResult);

I'll leave it up to you to figure out the solution when dealing with a scenario where result.length is greater than 1.

Answer 3

Answer №2

Using basic JavaScript for a simple approach

Capable of handling multiple entries

var data = [{ "_id": "12345", "_type": "feeds", "_source": { "title": "hello everyone, please assist me", "link": "www.face.com", "content": "Hello all asdfasdfasdf", "createdAt": "2018-08-08T11:42:40.073Z", "updatedAt": "2018-08-08T11:42:40.073Z", "reply": [] } },{ "_id": "12346", "_type": "feeds", "_source": { "title": "hello everyone, please assist me", "link": "www.face.com", "content": "Hello all asdfasdfasdf", "createdAt": "2018-08-08T11:42:40.073Z", "updatedAt": "2018-08-08T11:42:40.073Z", "reply": [] } }]

data = data.map(function(entry) {
  var obj = entry._source;
  for (var prop in entry) {
    if (prop != "_source") obj[prop] = entry[prop];
  }
  return obj;
})
console.log(data)

Answer 4

Using basic JavaScript for a simple approach

Capable of handling multiple entries

var data = [{ "_id": "12345", "_type": "feeds", "_source": { "title": "hello everyone, please assist me", "link": "www.face.com", "content": "Hello all asdfasdfasdf", "createdAt": "2018-08-08T11:42:40.073Z", "updatedAt": "2018-08-08T11:42:40.073Z", "reply": [] } },{ "_id": "12346", "_type": "feeds", "_source": { "title": "hello everyone, please assist me", "link": "www.face.com", "content": "Hello all asdfasdfasdf", "createdAt": "2018-08-08T11:42:40.073Z", "updatedAt": "2018-08-08T11:42:40.073Z", "reply": [] } }]

data = data.map(function(entry) {
  var obj = entry._source;
  for (var prop in entry) {
    if (prop != "_source") obj[prop] = entry[prop];
  }
  return obj;
})
console.log(data)

Answer 5

Answer №3

One way to flatten an array of objects is to iterate through the array, then iterate through the keys of each object to extract the key names. If a key with the name "_source" is encountered, you can merge its content into a new flattened object using the method Object.assign(). This approach is applicable for arrays like "result" containing one or more objects.

var result = [{
  "_id": "12345",
  "_type": "feeds",
  "_source": {
    "title": "hi all solve it",
    "link": "www.face.com",
    "content": "Hi thewwewewedwe asdasdasdasd",
    "createdAt": "2018-08-08T11:42:40.073Z",
    "updatedAt": "2018-08-08T11:42:40.073Z",
    "reply": []
   }
},
{
  "_id": "1234567",
  "_type": "feeds123",
  "_source": {
    "title": "hi all solve it 123",
    "link": "www.face.com",
    "content": "Hi thewwewewedwe asdasdasdasd",
    "createdAt": "2018-08-08T11:42:40.073Z",
    "updatedAt": "2018-08-08T11:42:40.073Z",
    "reply": []
  }
}];
var newArray = [];
result.forEach(function(obj){
  var tempObj = {};
  Object.keys(obj).forEach(function(key){
    if(key !== '_source'){
      tempObj[key] = obj[key];
    } else {
      tempObj = Object.assign(tempObj,  obj[key]);
    }
  });
  newArray.push(tempObj);
});
console.log(newArray);

Answer 6

One way to flatten an array of objects is to iterate through the array, then iterate through the keys of each object to extract the key names. If a key with the name "_source" is encountered, you can merge its content into a new flattened object using the method Object.assign(). This approach is applicable for arrays like "result" containing one or more objects.

var result = [{
  "_id": "12345",
  "_type": "feeds",
  "_source": {
    "title": "hi all solve it",
    "link": "www.face.com",
    "content": "Hi thewwewewedwe asdasdasdasd",
    "createdAt": "2018-08-08T11:42:40.073Z",
    "updatedAt": "2018-08-08T11:42:40.073Z",
    "reply": []
   }
},
{
  "_id": "1234567",
  "_type": "feeds123",
  "_source": {
    "title": "hi all solve it 123",
    "link": "www.face.com",
    "content": "Hi thewwewewedwe asdasdasdasd",
    "createdAt": "2018-08-08T11:42:40.073Z",
    "updatedAt": "2018-08-08T11:42:40.073Z",
    "reply": []
  }
}];
var newArray = [];
result.forEach(function(obj){
  var tempObj = {};
  Object.keys(obj).forEach(function(key){
    if(key !== '_source'){
      tempObj[key] = obj[key];
    } else {
      tempObj = Object.assign(tempObj,  obj[key]);
    }
  });
  newArray.push(tempObj);
});
console.log(newArray);

Combining nested objects into a single object

Answer №1

Answer №2

Answer №3

Similar questions

What is the correct way to invoke a function expression that is nested within another function?

Issue with series of node commands getting stuck on npx command

Tips for reducing the delay between pressing a button and starting an animation

Ways to display an image for a duration of 3 seconds upon clicking each button

Refreshing data within a C array

Automatically resizing images in a canvas when their resolution exceeds the canvas size in HTML5

The dropdown menu repeatedly opens the initial menu only

What is the best way to utilize regex patterns in order to divide a string into segments of numbers, specific words, and separate characters unless they combine to form a certain phrase?

Can anyone recommend any quality libraries for uploading files in Silverlight or HTML that also support metadata?

Is there a conflict between bootstrap.min.JS and chart.min.js?

Determine in a JSON array and add to an array object if the key is not found

Get Fit with Dynamic Programming

Determining the presence of an object within an array of objects in Angular

Storing image visibility using a cookie or checkbox in Javascript

What is the process to retrieve a function from a router javascript file using node.js?

How do you update the icon for a webpage in HTML?

Grouping data values in an array using PHP

the button function is unresponsive

Discovering the highest value in MongoDB

Incorporate communication between the front-end and backend