Javascript: Using the variable's content as a name

Question

I am trying to use the content of a variable as the name of an object property that another function has to save but I can't figure out how to implement it.

  function saveData(val) {
    console.log(val); //Here I need to receive the Object in the format of {key Name: value}, but I am getting the name key, as it is not being interpreted.
  }
  const arr = [
    { name: "John", lastname: "Doe" },
    { name: "John2", lastname: "Doe2" }
  ];
  for (const [key, value] of Object.entries(arr)) {
    saveData({ key: value });
  }

I cannot modify saveData, so how can I send {key: value} in a way that key is interpreted and its content is sent?

Here you can find the CodeSandBox example

Did you mean saveData({ key, value })? Or saveData(key, value)? — Bergi
– Bergi, Commented Oct 31, 2021 at 22:57
I believe what you actually need is for (const val of arr) { saveData(val); }. Do not call Object.entries on an array! — Bergi
– Bergi, Commented Oct 31, 2021 at 22:58
Does this answer your question? Add a property to a JavaScript object using a variable as the name? — pilchard
– pilchard, Commented Nov 1, 2021 at 1:07

Lucas David Ferrero · Accepted Answer · 2021-10-31 22:54:08Z

2

You can use ES6 Computed Property Names:

for (const [key, value] of Object.entries(arr)) {
    // You can use any expression inside []
    saveData({ [key]: value });
  }

answered Oct 31, 2021 at 22:54

Lucas David Ferrero

1,98219 silver badges48 bronze badges

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

Comments

loumadev · Accepted Answer · 2021-10-31 22:54:50Z

1

You can use initializer notation for this. It allows you to create "computed properties".

The syntax is {[variable]: value}, so your saveData call would become saveData({ [key]: value });.

answered Oct 31, 2021 at 22:54

loumadev

3693 silver badges14 bronze badges

1 Comment

Bergi Over a year ago

OP already does use object initialiser notation :-)

Collectives™ on Stack Overflow

Javascript: Using the variable's content as a name

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related