Lightning LWC - Copy List with Limited fields [closed]

Question

I am using the wire service to query several fields and assign to a list. I am trying to create a PDF using jsPDF and I need to create another list that only contains the fields that I will display in the PDF. So in the code below, data has about 20 fields. I only want to show 5 of those fields in my pdf. I assume that the list that I use to create a table using jsPDF can only have the fields I want in the PDF. How can I copy "data" to only include the 5 fields I want to display in the PDF rather than the 20 fields that exist in the variable data

groupstructures(result) {

  //if we have data returned
if (result.data && result.data.length) {
            //assign the data to the data variable - used as the source for the main datatable
          this.data = result.data;

Thanks!!!

Answer 1

Definitely not the slickest solution, but the desired values can be dynamically configured. If you know fields that you want to have in the pdf file its better to use @sfdcfox solution

    const fieldsToReturn = ['Id', 'Name'];

    const minimizedRecords = result.data.map(item => {
        return Object.keys(item).reduce( (previousValue, currentValue) => {
            if (fieldsToReturn.includes(currentValue)) {
                previousValue[currentValue] = item[currentValue];
            }
            return previousValue;
        }, {});
    })

Answer 2

You use the Array.prototype.map function, with some simple destructuring for legibility.

this.data = result.data.map((datum) => {
  let {a, b, c} = datum;
  return {a, b, c};
});

This will output a copy of the original array with a copy of the desired elements in that array.

It may not be necessary for jsPDF to do this anyways, but I'm not familiar enough with its capabilities to offer an alternative other than directly answering your question.