Renaming object keys destructuring with a symbol or a number

Question

I was just wondering if there is a way to rename object key values with a symbol or a number as the new name. I know you can rename an object like this:

let totalValues = {3V: 2.09, fg%V: 3.02}
const {'3V': threev, 'fg%V': fgV } = totalValues;
totalValues = {threev, fgV };

is there a way to rename the values like this with it working?

let totalValues = {3V: 2.09, fg%V}
const {'3V': 3PM, 'fg%V': FG%} = totalValues;
totalValues = {3PM, FG%};

score 2 · Answer 1 · answered Aug 17 '20 at 14:57

% is an invalid symbol when declaring a variable name, however it is legal in JSON object naming.

You can rename and deconstruct like this, so long as the variable you are renaming to is legal.

Numbers are valid in variables, as long as the are accompanied by a non-numeric value.

let totalValues = {'3V': 2.09, 'fg%V': 3.02};
let { 'fg%V': fgv } = totalValues;
console.log(fgv); // 3.02

Happy Coding!

score 0 · Accepted Answer · answered Aug 17 '20 at 14:54

You can create object like from:to name

const totalValues = { '3V': 2.09, 'fg%V': 3.02, do_not_rename: 1 };
const renameFromTo = {
    '3V': '3PM',
    'fg%V': 'FG%',
};

const result = Object.entries(renameFromTo).reduce(
    (acc, [from, to]) => ({ ...acc, [from]: undefined, [to]: acc[from] }),
    totalValues,
);

console.log(result);

score 0 · Answer 3 · answered Aug 17 '20 at 14:58

0

In javaScirpt naming variables has specific rules, you can't start a variable name with a number or use special character except _, so while destructing you are actually creating variables so you must follow the rules. Check it

answered Aug 17 '20 at 14:58

Beso Kakulia

556
4
13

Renaming object keys destructuring with a symbol or a number

3 Answers3