What is the best way to create a brand new item using these characteristics?

Question

What is the best way to create a brand new item using these characteristics?

Here is the object I'm working with:

const sampleData = [ { 
    main: 7,
    second: 2
    otherData: 'some string'
 } ]

I want to create a new object only containing specific properties, like this:

const newDataObject = {
    7: {
     second: 2
    }
  }

I attempted to solve this using .reduce(), but I'm struggling to exclude certain properties.

const newDataObject = sampleData.reduce((object, current, index) => {
  return {
    ..object, [index]: current
  };
}, {});

The resulting output is:

{ '0':
   { main: 7,
     second: 3
   } 
}

What mistake am I making?

Thank you.

javascript arrays object reduce

Answer 1

Answer №1

You seem to be mixing up arrays and objects. If I am understanding correctly, it appears that you are looking for something like this:

const updatedData = data.map(item => {
  return {
    [item.primary]: {
      secondary: item.secondary
    }
  };
});

Based on the example input provided:

const data = [ { 
    primary: 7,
    secondary: 2
    additionalInfo: 'some string'
 } ];

The resulting output will look like this:

[
  {
    7: {
      secondary: 2
    }
  }
]

Additional Information based on feedback

It sounds like what you actually need here is the use of reduce method. You can try the following:

const reducedResult = data.reduce((accumulator, {primary, secondary}, index) => {
  accumulator[primary] = {secondary, index};
  return accumulator;
}, {});

When applied to your sample input, the outcome will be:

{
  '7': {
    secondary: 2,
    index: 0
  }
}

Please keep in mind, as mentioned earlier, if an object with the same primary value as a previous one is encountered, it will overwrite the prior entry.

Answer 2

You seem to be mixing up arrays and objects. If I am understanding correctly, it appears that you are looking for something like this:

const updatedData = data.map(item => {
  return {
    [item.primary]: {
      secondary: item.secondary
    }
  };
});

Based on the example input provided:

const data = [ { 
    primary: 7,
    secondary: 2
    additionalInfo: 'some string'
 } ];

The resulting output will look like this:

[
  {
    7: {
      secondary: 2
    }
  }
]

Additional Information based on feedback

It sounds like what you actually need here is the use of reduce method. You can try the following:

const reducedResult = data.reduce((accumulator, {primary, secondary}, index) => {
  accumulator[primary] = {secondary, index};
  return accumulator;
}, {});

When applied to your sample input, the outcome will be:

{
  '7': {
    secondary: 2,
    index: 0
  }
}

Please keep in mind, as mentioned earlier, if an object with the same primary value as a previous one is encountered, it will overwrite the prior entry.

Answer 3

Answer №2

To minimize me hod is invoked on an assortment. In this scenario, the array contains just one element. Therefore, '0' corresponds to the '[@index]' and your sole offspring object is associated with 'curr'

Answer 4

To minimize me hod is invoked on an assortment. In this scenario, the array contains just one element. Therefore, '0' corresponds to the '[@index]' and your sole offspring object is associated with 'curr'

Answer 5

Answer №3

If you want to avoid using reduce, you can opt for forEach instead. See the example below:

let resultData = {};


data.forEach(({ primary, secondary }) => {
resultData[primary] = {secondary};
});

In this specific scenario, the resulting output would be:

resultData = {
 7: {
      secondary: 2
    }
}

Answer 6

If you want to avoid using reduce, you can opt for forEach instead. See the example below:

let resultData = {};


data.forEach(({ primary, secondary }) => {
resultData[primary] = {secondary};
});

In this specific scenario, the resulting output would be:

resultData = {
 7: {
      secondary: 2
    }
}

What is the best way to create a brand new item using these characteristics?

Answer №1

Additional Information based on feedback

Answer №2

Answer №3

Similar questions

The request made in Node.js encountered an error with a status code of

suggestions for organizing data in an AJAX/jQuery page

The npm package for @azure/storage-blob doesn't seem to play nice with the Azure Blob storage modules for IoT Edge

Updating the default color of selected text within a webpage's content

Discovering user activity through rooms within SocketIO

Encountering an error message stating "Buffer is not defined" while working with gray-matter

Clear previously filtered items

How can I utilize a CDN for JavaScript libraries in Gulp?

Is it possible for a nodejs server to handle both grpc and express servers simultaneously, or do they need to be separate servers?

Is there a way to conceal the information entered into an email input field without specifying it as a password type?

watchify with gulp requires two saves to update modifications

Steps for programmatically closing a Dialog Window in a showmodeldialog window

Are you curious about the array of elements in React's carousel?

Angular is not providing the anticipated outcome

Is there a way to limit the rotation of an a-camera in aframe?

What could be causing the double invocation of render() in ReactNative?

Setting the default tab in easyTabs to be all-powerful

Toggle between different socket.io servers for seamless connectivity

The onClick event handler is triggered on page load instead of waiting for a click

jQuery auto-complete feature that cannot be edited