remove unnecessary parameters from a JavaScript object using curly braces

Question

remove unnecessary parameters from a JavaScript object using curly braces

My query pertains to an object response below

result.joblist = {
  "collection_job_status_list": [
    {
      "application_context": {
        "application_id": "a4",
        "context_id": "c4"
      },
      "creation_time": "15699018476102",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    },
    {
      "application_context": {
        "application_id": "a6",
        "context_id": "c6"
      },
      "creation_time": "15698648632523",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    }
  ],
  "result": {
    "request_result": "ACCEPTED",
    "error": {}
  }
}

I need to extract only

application_id":"a4","context_id":"c4"

without the surrounding

{"application_context": & ending }

.

I attempted a solution but am facing issues moving forward.

var newObj: any = {};
if (allJobs && allJobs.length > 0) {
  // this.rowData = this.allJobs;
  // this.allJobs = this.allJobs['application_id'];
  //let ele:object = allJobs.application_context;
  allJobs.forEach(ele => {
    newObj = {
      application_id: ele.application_context.application_id,
      context_id: ele.application_context.application_context
    };
    return newObj;
  });
}

javascript arrays typescript ecmascript-6

Answer 1

Answer №1

To achieve the desired outcome, utilize the map function along with destructuring

Retrieve the collection_job_status_list from the result object
Iterate over the values, extract the necessary data from the application_context property, and combine it with the remaining values
Recreate the original structure as found in the result object

let result = {"collection_job_status_list": [{"application_context": {"application_id": "a4","context_id": "c4"},"creation_time": "15699018476102","progress": 100,"status": "READY","phase": "ACTIVE","job_error": {}},{"application_context": {"application_id": "a6","context_id": "c6"},"creation_time": "15698648632523","progress": 100,"status": "READY","phase": "ACTIVE","job_error": {}}],"result": {"request_result": "ACCEPTED","error": {}}}

let { collection_job_status_list, ...rest } = result

let modified = collection_job_status_list.map(({
  application_context: {
    application_id,
    context_id
  },
  ...rest
}) => ({ ...rest, context_id, application_id}))

let final = {
  collection_job_status_list: modified,
  ...rest
}

console.log(final)

Answer 2

To achieve the desired outcome, utilize the map function along with destructuring

Retrieve the collection_job_status_list from the result object
Iterate over the values, extract the necessary data from the application_context property, and combine it with the remaining values
Recreate the original structure as found in the result object

let result = {"collection_job_status_list": [{"application_context": {"application_id": "a4","context_id": "c4"},"creation_time": "15699018476102","progress": 100,"status": "READY","phase": "ACTIVE","job_error": {}},{"application_context": {"application_id": "a6","context_id": "c6"},"creation_time": "15698648632523","progress": 100,"status": "READY","phase": "ACTIVE","job_error": {}}],"result": {"request_result": "ACCEPTED","error": {}}}

let { collection_job_status_list, ...rest } = result

let modified = collection_job_status_list.map(({
  application_context: {
    application_id,
    context_id
  },
  ...rest
}) => ({ ...rest, context_id, application_id}))

let final = {
  collection_job_status_list: modified,
  ...rest
}

console.log(final)

Answer 3

Answer №2

To solve this, it's essential to utilize a map. For more information, check out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Make the following adjustments to the code for the desired result:

let newObj: any = {};
let newArray;
if (allJobs && allJobs.length > 0) {
  newArray = allJobs.map(item => {
    newObj = {
      application_id: item.application_context.application_id,
      context_id: item.application_context.application_context
    };
    return newObj;
  });
}

Hopefully, this solution resolves the issue :)

Answer 4

To solve this, it's essential to utilize a map. For more information, check out: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

Make the following adjustments to the code for the desired result:

let newObj: any = {};
let newArray;
if (allJobs && allJobs.length > 0) {
  newArray = allJobs.map(item => {
    newObj = {
      application_id: item.application_context.application_id,
      context_id: item.application_context.application_context
    };
    return newObj;
  });
}

Hopefully, this solution resolves the issue :)

Answer 5

Answer №3

To implement the functionality, the map function is necessary

const result = {};
result.joblist = {
  "collection_job_status_list": [
    {
      "application_context": {
        "application_id": "a4",
        "context_id": "c4"
      },
      "creation_time": "15699018476102",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    },
    {
      "application_context": {
        "application_id": "a6",
        "context_id": "c6"
      },
      "creation_time": "15698648632523",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    }
  ],
  "result": {
    "request_result": "ACCEPTED",
    "error": {}
  }
}


result.joblist.collection_job_status_list = result.joblist.collection_job_status_list.map(item => {
  return {
     "application_id": item.application_context.application_id,
     "context_id": item.application_context.context_id
  }
})

console.log(result)

Alternatively, the map function can be used with shorthand es6 syntax

const result = {};
result.joblist = {
  "collection_job_status_list": [
    {
      "application_context": {
        "application_id": "a4",
        "context_id": "c4"
      },
      "creation_time": "15699018476102",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    },
    {
      "application_context": {
        "application_id": "a6",
        "context_id": "c6"
      },
      "creation_time": "15698648632523",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    }
  ],
  "result": {
    "request_result": "ACCEPTED",
    "error": {}
  }
}


result.joblist.collection_job_status_list = result.joblist.collection_job_status_list.map(({application_context}) => {
  return {
     ...application_context
  }
})

console.log(result)

UPDATE:

The content to include in your array is based on the items returned from the map. You select the keys to retain. For instance, if you require other items.

If there is an array A

A = [
  {
    nest: {
      x: 1,
      y: 1,
    },
    key1: 5,
    key2: 7,
  },
  {
    nest: {
      x: 1,
      y: 1,
    },
    key1: 5,
    key2: 7,
  },
  {
    nest: {
      x: 1,
      y: 1,
    },
    key1: 5,
    key2: 7,
  }
]

Assume you want x from nest, key1 and key2 in the final output. You would do

const finalOutput = A.map(item => {
  return {
     x: item.nest.x, // x from nest
     key1: item.key1, // key1
     key2: item.key2,  // key2
  }
})

A quicker approach exists for this. For instance, if the item in the map function is already separated into a nest and a rest variable where nest includes item.nest and rest is {key1: 5,key2:7}, you can simply return x from nest and all else from rest

const finalOutput = A.map(({nest, ...rest}) => {
  return {
     x: nest.x, // x from nest
     ...rest, // all remaining keys
  }
})

Answer 6

To implement the functionality, the map function is necessary

const result = {};
result.joblist = {
  "collection_job_status_list": [
    {
      "application_context": {
        "application_id": "a4",
        "context_id": "c4"
      },
      "creation_time": "15699018476102",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    },
    {
      "application_context": {
        "application_id": "a6",
        "context_id": "c6"
      },
      "creation_time": "15698648632523",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    }
  ],
  "result": {
    "request_result": "ACCEPTED",
    "error": {}
  }
}


result.joblist.collection_job_status_list = result.joblist.collection_job_status_list.map(item => {
  return {
     "application_id": item.application_context.application_id,
     "context_id": item.application_context.context_id
  }
})

console.log(result)

Alternatively, the map function can be used with shorthand es6 syntax

const result = {};
result.joblist = {
  "collection_job_status_list": [
    {
      "application_context": {
        "application_id": "a4",
        "context_id": "c4"
      },
      "creation_time": "15699018476102",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    },
    {
      "application_context": {
        "application_id": "a6",
        "context_id": "c6"
      },
      "creation_time": "15698648632523",
      "progress": 100,
      "status": "READY",
      "phase": "ACTIVE",
      "job_error": {}
    }
  ],
  "result": {
    "request_result": "ACCEPTED",
    "error": {}
  }
}


result.joblist.collection_job_status_list = result.joblist.collection_job_status_list.map(({application_context}) => {
  return {
     ...application_context
  }
})

console.log(result)

UPDATE:

The content to include in your array is based on the items returned from the map. You select the keys to retain. For instance, if you require other items.

If there is an array A

A = [
  {
    nest: {
      x: 1,
      y: 1,
    },
    key1: 5,
    key2: 7,
  },
  {
    nest: {
      x: 1,
      y: 1,
    },
    key1: 5,
    key2: 7,
  },
  {
    nest: {
      x: 1,
      y: 1,
    },
    key1: 5,
    key2: 7,
  }
]

Assume you want x from nest, key1 and key2 in the final output. You would do

const finalOutput = A.map(item => {
  return {
     x: item.nest.x, // x from nest
     key1: item.key1, // key1
     key2: item.key2,  // key2
  }
})

A quicker approach exists for this. For instance, if the item in the map function is already separated into a nest and a rest variable where nest includes item.nest and rest is {key1: 5,key2:7}, you can simply return x from nest and all else from rest

const finalOutput = A.map(({nest, ...rest}) => {
  return {
     x: nest.x, // x from nest
     ...rest, // all remaining keys
  }
})

remove unnecessary parameters from a JavaScript object using curly braces

Answer №1

Answer №2

Answer №3

Similar questions

Issues with ontimeupdate event not triggering in Chrome for HTML5 audio files

Troubleshooting issue with the JQuery .change function not working in HTML <select>

Using `window.location.href` will terminate any pending asynchronous calls to the API

Advantages of passing individual variables instead of the entire object from HTML to JavaScript in AngularJS

React's `setState` function seems to be failing to update my rendered catalog

Unable to connect to server using React-Native fetch. Localhost is not being used

What is the best way to display HTML content inside a pop-over window?

Node Js issue stemming from unaddressed promises leading to rejection

How to disable a specific date in Bootstrap datepicker?

Refresh Form (Reactive Forms)

Firebase scheduled function continues to encounter a persistent issue with an "UNAUTHENTICATED" error being consistently thrown

Unable to locate the index.js entry file in React Native

Having trouble integrating NEXT AUTH with Firebase due to an error: "Cannot import statement outside

What could be causing my AJAX form to refresh the page upon submission?

Tips on storing information within a Vue instance

Guide for animating individual mapped elements in react-native?

What is the reason behind the TypeScript HttpClient attempting to interpret a plain text string as JSON data?

Leveraging Watchers on props in Vue 3's Script Setup

Tips for determining if an item in one array is present in a different array

Obtain a report using a variety of different conditions