Converting an Array of Strings into Objects

Question

Converting an Array of Strings into Objects

I need to convert an array of strings, each with comma separated values, into an array of objects.

Here is an example:

var myarray = [
 "a1,b1,c1,d1",
 "a2,b2,c2,d2",
 "a3,b3,c3,d3"
]

This should be transformed into:

[
  {
    "field1": "a1",
    "field2": "b1",
    "field3": "c1",
    "field4": "d1"
  },
  {
    "field1": "a2",
    "field2": "b2",
    "field3": "c2",
    "field4": "d2"
  },
  {
    "field1": "a3",
    "field2": "b3",
    "field3": "c3",
    "field4": "d3"
  }
]

I have experimented with different methods like using Object.assign and the spread operator. However, I believe there might be a more straightforward solution involving destructuring or another technique.

javascript destructuring

Answer 1

Answer №1

var myarray = [
 "a1,b1,c1,d1",
 "a2,b2,c2,d2",
 "a3,b3,c3,d3"
];

const convertToProperties = arr => arr.map(item => item.split(',').reduce((result, splitItem, index) => {
  result['field' + (index + 1)] = splitItem;
  return result;
}, {}));

console.log(convertToProperties(myarray));

Experience a demonstration showcasing the use of words instead of numbers

var myarray = [
 "a1,b1,c1,d1",
 "a2,b2,c2,d2",
 "a3,b3,c3,d3"
];

const numbers = ['one', 'two', 'three', 'four'];

const convertToProperties = arr => arr.map(item => item.split(',').reduce((result, splitItem, index) => {
  result[numbers[index]] = splitItem;
  return result;
}, {}));

console.log(convertToProperties(myarray));

Answer 2

var myarray = [
 "a1,b1,c1,d1",
 "a2,b2,c2,d2",
 "a3,b3,c3,d3"
];

const convertToProperties = arr => arr.map(item => item.split(',').reduce((result, splitItem, index) => {
  result['field' + (index + 1)] = splitItem;
  return result;
}, {}));

console.log(convertToProperties(myarray));

Experience a demonstration showcasing the use of words instead of numbers

var myarray = [
 "a1,b1,c1,d1",
 "a2,b2,c2,d2",
 "a3,b3,c3,d3"
];

const numbers = ['one', 'two', 'three', 'four'];

const convertToProperties = arr => arr.map(item => item.split(',').reduce((result, splitItem, index) => {
  result[numbers[index]] = splitItem;
  return result;
}, {}));

console.log(convertToProperties(myarray));

Answer 3

Answer №2

To create a custom mapping function that transforms an array into objects with specific properties, you can first map the array values and then assign them to new properties in a new object.

var myarray = ["a1,b1,c1,d1", "a2,b2,c2,d2", "a3,b3,c3,d3"];

const fromArrayToObjects = (array) =>
  array.map((value, index) => {
    const o = Object.assign({}, value.split(","));
    Object.keys(o).map((key, i) => {
      Object.defineProperty(
        o,
        "field" + (i + 1),
        Object.getOwnPropertyDescriptor(o, key)
      );
      delete o[key];
    });
    return o;
  });
console.log(fromArrayToObjects(myarray));

Answer 4

To create a custom mapping function that transforms an array into objects with specific properties, you can first map the array values and then assign them to new properties in a new object.

var myarray = ["a1,b1,c1,d1", "a2,b2,c2,d2", "a3,b3,c3,d3"];

const fromArrayToObjects = (array) =>
  array.map((value, index) => {
    const o = Object.assign({}, value.split(","));
    Object.keys(o).map((key, i) => {
      Object.defineProperty(
        o,
        "field" + (i + 1),
        Object.getOwnPropertyDescriptor(o, key)
      );
      delete o[key];
    });
    return o;
  });
console.log(fromArrayToObjects(myarray));

Converting an Array of Strings into Objects

Answer №1

Answer №2

Similar questions

Exploring the Depths of Javascript Variable Scope

Is there a recommended approach in Vuex to detect when a state change has occurred?

What is the process for removing items from an array in JavaScript that share the same values?

The login process in Next-auth is currently halted on the /api/auth/providers endpoint when attempting to log in with the

Discovering the method for retrieving post parameters in Node.js

What is the best way to transfer information from a single card within a collection of cards to a dialog window?

Encountering TypeError while attempting to assign an axios response to a data variable within a Vue component

How to save HTML content in a variable for future use in Next.js

Warning: The use of the outdated folder mapping "./" in the "exports" field for module resolution in the package located at node_modulespostcsspackage.json is deprecated

What are the signs that an element was visible on screen prior to navigation?

When attempting to retry in Next.js, the props obtained from getServerSideProps may

When using VueJS, clicking on one button will automatically disable all other remaining buttons

Creating unique identifiers and names for dynamically generated editable HTML table cells using JavaScript

Creating a file logging system with console.log() in hapi.js

Organize an array of objects based on another array in JavaScript

Utilizing nested JavaScript objects results in receiving an empty object as the output

Change the behavior of a submit button to trigger a custom JavaScript function instead

Error message encountered: "Attempted to serve a new HTML file but received the 'Cannot set headers after they are sent to the client' error."

The data input into Express and Mongoose is failing to save

The Google Pie chart is displaying outside of the designated div area when placed inside a dropdown menu