methods for dynamically assigning values to keys while iterating over an object

Question

methods for dynamically assigning values to keys while iterating over an object

Hey there,

I've encountered a problem that I need help with: I have an object containing keys and values, and I want to create a new array of objects using this data. Below is the code snippet illustrating my issue.

const sourceObj = {
  test1: "a",
  test2: "b",
  test3: "c",
  test4: "d",
  test5: "e"
};

const myTable = [];

for (let value of sourceObj) {
  for (let i = 1; i < 6; i++) {
    const targetObject = {
      foo: "foo",
      year: value.test + i,
      bar: "bar"
    };
    myTable.push(targetObject);
  }
}

console.log(myTable);

// expected output
// [
//   {
//     foo: "foo",
//     year: "a",
//     bar: "bar"
//   },
//   {
//     foo: "foo",
//     year: "b",
//     bar: "bar"
//   },
//   ...
//   {
//     foo: "foo",
//     year: "e",
//     bar: "bar"
//   },
// ]

javascript arrays json object

Answer 1

Answer №1

To obtain the desired object, you can loop through the keys of an object and utilize the array.map method.

const exampleObject = {
  item1: "apple",
  item2: "banana",
  item3: "cherry",
  item4: "date",
  item5: "elderberry"
};

const myNewArray = Object.keys(exampleObject).map((key) => {
  return {
      propertyA: "valueA",
      name: exampleObject[key],
      propertyB: "valueB"
    };
});

console.log(myNewArray);

Answer 2

To obtain the desired object, you can loop through the keys of an object and utilize the array.map method.

const exampleObject = {
  item1: "apple",
  item2: "banana",
  item3: "cherry",
  item4: "date",
  item5: "elderberry"
};

const myNewArray = Object.keys(exampleObject).map((key) => {
  return {
      propertyA: "valueA",
      name: exampleObject[key],
      propertyB: "valueB"
    };
});

console.log(myNewArray);

Answer 3

Answer №2

One way to approach this is by utilizing the Object.values method combined with mapping through the values.

const dataObj = {
  item1: "apple",
  item2: "banana",
  item3: "carrot",
  item4: "date",
  item5: "eggplant"
};

const newData = Object.values(dataObj).map(item => ({
  prop1: "prop1",
  item,
  prop2: "prop2"
}))
console.log(newData);

Answer 4

One way to approach this is by utilizing the Object.values method combined with mapping through the values.

const dataObj = {
  item1: "apple",
  item2: "banana",
  item3: "carrot",
  item4: "date",
  item5: "eggplant"
};

const newData = Object.values(dataObj).map(item => ({
  prop1: "prop1",
  item,
  prop2: "prop2"
}))
console.log(newData);

Answer 5

Answer №3

let data = {
  val1: "apple",
  val2: "banana",
  val3: "cherry",
  val4: "mango",
  val5: "orange"
};

const tableItems = [];

for(key in data){
  tableItems.push(
    {
      label : "label",
      value : data[key],
      type : "type"
    }
  );
}

console.log(tableItems);

Answer 6

let data = {
  val1: "apple",
  val2: "banana",
  val3: "cherry",
  val4: "mango",
  val5: "orange"
};

const tableItems = [];

for(key in data){
  tableItems.push(
    {
      label : "label",
      value : data[key],
      type : "type"
    }
  );
}

console.log(tableItems);

Answer 7

Answer №4

Give this a shot:

const newTable = Object.values(originalObj).map((item) => ({
    name: "name",
    timestamp: item,
    description: "description"
 }));

Answer 8

Give this a shot:

const newTable = Object.values(originalObj).map((item) => ({
    name: "name",
    timestamp: item,
    description: "description"
 }));

Answer 9

Answer №5

To iterate through all properties of an object, you can utilize the for...in statement

When using the for...in statement, it will loop over each enumerable property in an object that is keyed by strings (excluding Symbols), which also includes inherited enumerable properties.

const sourceObj = {
  test1: "a",
  test2: "b",
  test3: "c",
  test4: "d",
  test5: "e"
};

const myTable = [];

for (let key in sourceObj) {
    const targetObject = {
      foo: "foo",
      year: sourceObj[key],
      bar: "bar"
    };
    myTable.push(targetObject);
}

console.log(myTable);

Answer 10

To iterate through all properties of an object, you can utilize the for...in statement

When using the for...in statement, it will loop over each enumerable property in an object that is keyed by strings (excluding Symbols), which also includes inherited enumerable properties.

const sourceObj = {
  test1: "a",
  test2: "b",
  test3: "c",
  test4: "d",
  test5: "e"
};

const myTable = [];

for (let key in sourceObj) {
    const targetObject = {
      foo: "foo",
      year: sourceObj[key],
      bar: "bar"
    };
    myTable.push(targetObject);
}

console.log(myTable);

methods for dynamically assigning values to keys while iterating over an object

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

Node.js exec command encountering an uninformative error message and not executing properly

JMeter recording displays a script alert error notification

Utilizing jQuery to check for the presence of a DIV on a page and dynamically applying CSS to another DIV

Using multiple conditions in an angular ngif statement to create a variable

Setting up the InMemoryCache in Vue ApolloConfiguring the InMemoryCache

Accessing this.href from the ASP.NET code behind using Javascript

Guide on turning JSON into a Dictionary with Swift 3 Vapor

I am currently struggling with the mapquest GeoJson integration within my Node/Express application. I keep encountering an error message that reads "body used already."

The error message encountered was: "jQuery has not been defined."

Angular, perplexed by the output displayed in the console

Guide on changing image source using a function

A guide to making API calls in node.js with JSON data in the body

Activating the Speech Recognition feature in a form triggers the submission of a post

Set up your Typescript project to transpile code from ES6 to ES5 by utilizing Bable

Why am I unable to utilize res of type NextResponse in my API endpoint?

Tips on including variables within quotation marks in JavaScript

Currently in development is an exciting MMORPG created with Node.js, Express, and HTML. Players will have the ability to move exclusively to

Transferring Information Across Javascript Documents

Mastering the comprehension of JSON objects with jQuery by transferring data via AJAX requests

A Symfony2 controller needs to be able to return two different types of values: one for the Symfony application itself and another for a mobile application in JSON format