如何在 forEach 循环中格式化重命名 json 键，该循环也在检查 json 键对的值

Question

I initially had the following json weightLoss and Strength are checkbox values either on or false

{ 
  name: 'Anders',
  package: 'Silver',
  email: 'email@email.com',
  subject: 'fdsafa',
  weightLoss: 'on', // or false
  strength: false,
  message: 'fdsasfdsdafsdafasdfasd'
}

Which I then run the following for each loop to change the 'on' values (or != false ) to the name of the key

Object.entries(payLoadReason).forEach(([key, value]) => {
        if (value != false) {
        payLoadReason[key] = key;
        }
    });

I then get this formatted json, if strenth were set to 'on' it's value would also change to it's key strength

{ 
  name: 'name',
  package: 'package',
  email: 'email',
  subject: 'subject',
  weightLoss: 'weightLoss', // or false
  strength: false,
  message: 'message'
}

What I want to do next is to rename the key's of any value that was originally 'on' and change the key to reason so I end up with formatted Json like below so I can iterate through it in a send grid handlebars template

{
"data":{
      "reasonArray":[
         {
            "reason":"weightLoss"
         },
         {
            "reason":"strength"
         }
      ]
   }
}

handle bars template

 <ol>
   {{#each data.reasonArray}}
    <li>{{this.reason}} </li>
  {{/each}}
 </ol>

The orignal Json is coming from the formState, so it is the whole forms state at submit.

Update

Attempt from Diago's answer. Results in just an array with the values. I need a key of reason with a value of the original key inside a reasonArray[] and a data {} Here is what I got from the answer

[
  'Anders',
  'Silver',
  'email@email.com', 
  'fdsafa',
  'on',
  false,
  'fdsasfdsdafsdafasdfasd'
]

Answer 1

Not sure if this is exactly what you want, but I feel you can use the reduce method to achieve your goal:

const normalizedData = Object.values(payLoadReason).reduce((acc, cur) => {
   cur.reasons = [];

   if(cur.weightLoss === 'on') {
      cur.reasons.push('weightLoss');
   }

   if(cur.strength === 'on') {
      cur.reasons.push('strength');
   }

   return [...acc, cur];
}, []);

console.log(normalizedData);

EDIT: Now using map :

const normalizedData = Object.values(payLoadReason).map(item => {
   item.reasons = [];

   if(item.weightLoss === 'on') {
      item.reasons.push('weightLoss');
   }

   if(item.strength === 'on') {
      item.reasons.push('strength');
   }

   return item;
});

console.log(normalizedData);