Javascript - object keys / values

Question

i want to know if i can set the same value for multiple keys in the following:

React functional component state:

const [state, setState] = useState(
key1: 'same-value',
key2: 'same-value',
key3: 'same-value'
);

React class component state:

state = {
 key1: 'same-value',
 key2: 'same-value',
 key3: 'same-value'
};

Javascript object:

const state = {
 key1: 'same-value',
 key2: 'same-value',
 key3: 'same-value'
};

I want to know if something like this is possible:

const state = {
 state1, state2, state3: 'same-value';
};

state.state1 = state.state2 = state.state3 = 'same-value'; this is the only way that comes to my mind. — Lain
– Lain, Commented Jan 14, 2020 at 13:15
JSON.parse('{' + '"state,'.repeat(30).split(',').map(function(v, i, a){return v ? v + ++i : null}).join('":"same-value",').slice(0, -1) + '}') :-D — Lain
– Lain, Commented Jan 14, 2020 at 13:44

T.J. Crowder · Accepted Answer · 2020-01-14 13:16:28Z

2

I want to know if something like this is possible

Not in an object literal, no. You can do it after creating the object:

const state = {};
state.key1 = state.key2 = state.key3 = 'same-value';

Or you could make key2 and key3 accessor properties for key1, meaning they'd track its value (change key1, and you see the change in key2 and key3), because although using them looks like a simple property access, in fact it's a function call.

const state = {
    key1: 'some-value',
    get key2() { return this.key1; },
    get key3() { return this.key1; }
};
console.log(state.key1); // 'some-value'
console.log(state.key2); // 'some-value'
console.log(state.key3); // 'some-value'

I'm not suggesting that, just noting it's possible.

answered Jan 14, 2020 at 13:16

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user11910832 Over a year ago

Ok thank you, another great lesson learned from stack community :)

Collectives™ on Stack Overflow

Javascript - object keys / values

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related