What is the best way to generate an array of objects in a dynamic fashion?

Question

What is the best way to generate an array of objects in a dynamic fashion?

I have retrieved an array of objects from a csv file and it looks like the following when printed:

Array[4]
0:Object
    value1:"200"
    value2:"95"
    value3:"6395"
    value4:"2"
1:Object
2:Object
3:Object

The process I used to create this array is as follows:

var strCSV = e.target.result;
var arrCSV = strCSV.match(/[\w .]+(?=,?)/g);
var noOfCols = 4;

// Ignoring the header row
var hdrRow = arrCSV.splice(0, noOfCols);

var data = [];
while (arrCSV.length > 0) {
    var obj = {};
    var row = arrCSV.splice(0, noOfCols)
    for (var i = 0; i < row.length; i++) {
        obj[hdrRow[i]] = row[i].trim();
    }
    data.push(obj)
}

Now if I want to create another array with the same data but different keys, like so:

var tableData = [
        {key1: "", key2: "", key3: "", key4: ""}];

I have attempted various methods to achieve this but haven't been successful. For example, I tried the following approach:

for(var i=0; i<data.length; i++){
    tableData[i]["key1"] = data[i].value1;
}

Creating an empty array thinking that adding elements on the go would work, but it did not. Is there a way to accomplish this without manually copying each element from the original array?

javascript arrays sapui5 javascript-objects

Answer 1

Answer №1

To generate an array of random objects and values, you can use the code snippet provided below. Start by creating an array with a length of 12 followed by defining the object.

const data = Array.from({
    length: 12
}, () => ({
    id: Math.floor(Math.random() * (100 - 1)) + 1,
    name: Math.random().toString(36).substr(2, 10)
}))

console.log(data)

Answer 2

To generate an array of random objects and values, you can use the code snippet provided below. Start by creating an array with a length of 12 followed by defining the object.

const data = Array.from({
    length: 12
}, () => ({
    id: Math.floor(Math.random() * (100 - 1)) + 1,
    name: Math.random().toString(36).substr(2, 10)
}))

console.log(data)

Answer 3

Answer №2

Here is a solution:

for(let index=0; index<data.length; index++){
    console.log(index);
    let newObj = { "property1": data[index].value1, "property2": data[index].value2};
    tableInfo.push(newObj);
}

Answer 4

Here is a solution:

for(let index=0; index<data.length; index++){
    console.log(index);
    let newObj = { "property1": data[index].value1, "property2": data[index].value2};
    tableInfo.push(newObj);
}

Answer 5

Answer №3

Generating a fresh item and subsequently adding it to the tableData collection.

for(let j=0; j<data.length; j++){
    console.log(j);
    let brandNewData = { "property1" : data[j].element1 };
    tableData.push(brandNewData);
}

Answer 6

Generating a fresh item and subsequently adding it to the tableData collection.

for(let j=0; j<data.length; j++){
    console.log(j);
    let brandNewData = { "property1" : data[j].element1 };
    tableData.push(brandNewData);
}

Answer 7

Answer №4

// initialize empty array
let data = [];

// loop through some condition
for (...) {
    // create new object with two keys
    let newObj = { name: "", age: "" };

    // push object to the array
    data.push(newObj);
}

Answer 8

// initialize empty array
let data = [];

// loop through some condition
for (...) {
    // create new object with two keys
    let newObj = { name: "", age: "" };

    // push object to the array
    data.push(newObj);
}

Answer 9

Answer №5

In order to assign a value to tableData[i]["key1"], it is necessary to first insert an object into tableData[i].

for(let index = 0; index < info.length; index++){
    console.log(index);
    tableData[index] = {};
    tableData[index]["key1"] = info[index].value1;
}

An alternative approach is to combine object initialization and property assignment in the same step:

for(let j = 0; j < info.length; j++){
    console.log(j);
    tableData[j] = {key1: info[j].value1};
}

Answer 10

In order to assign a value to tableData[i]["key1"], it is necessary to first insert an object into tableData[i].

for(let index = 0; index < info.length; index++){
    console.log(index);
    tableData[index] = {};
    tableData[index]["key1"] = info[index].value1;
}

An alternative approach is to combine object initialization and property assignment in the same step:

for(let j = 0; j < info.length; j++){
    console.log(j);
    tableData[j] = {key1: info[j].value1};
}

Answer 11

Answer №6

Have you considered assigning the keys directly from your csv headers to your object? This approach would eliminate the need for additional loops and parsing, streamlining the process.

var csvData = `foo,bar,baz\na,b,c\nd,e,f\ng,h,i`;

function parseCsvData(str) {
  let split = str.split("\n");
  let header = split.shift().split(',');
  let result = [];

  split.forEach((line) => {
    let obj = {};
    line.split(',').forEach((el, i) => {
      obj[header[i]] = el;
    })
    result.push(obj);
  });
  return result;
}

console.log(parseCsvData(csvData));

Alternatively, if you have different headers that you want to assign:

let data = `foo,bar,baz\na,b,c\nd,e,f\ng,h,i`;
let customHeaders = ["head1", "head2", "head3"];
function parseCustomCsv(str) {
  let split = str.split("\n");
  split.shift();
  let result = [];

  split.forEach((line) => {
    let obj = {};
    line.split(',').forEach((el, i) => {
      obj[customHeaders[i]] = el;
    })
    result.push(obj);
  });
  return result;
}

console.log(parseCustomCsv(data));

Answer 12

Have you considered assigning the keys directly from your csv headers to your object? This approach would eliminate the need for additional loops and parsing, streamlining the process.

var csvData = `foo,bar,baz\na,b,c\nd,e,f\ng,h,i`;

function parseCsvData(str) {
  let split = str.split("\n");
  let header = split.shift().split(',');
  let result = [];

  split.forEach((line) => {
    let obj = {};
    line.split(',').forEach((el, i) => {
      obj[header[i]] = el;
    })
    result.push(obj);
  });
  return result;
}

console.log(parseCsvData(csvData));

Alternatively, if you have different headers that you want to assign:

let data = `foo,bar,baz\na,b,c\nd,e,f\ng,h,i`;
let customHeaders = ["head1", "head2", "head3"];
function parseCustomCsv(str) {
  let split = str.split("\n");
  split.shift();
  let result = [];

  split.forEach((line) => {
    let obj = {};
    line.split(',').forEach((el, i) => {
      obj[customHeaders[i]] = el;
    })
    result.push(obj);
  });
  return result;
}

console.log(parseCustomCsv(data));

What is the best way to generate an array of objects in a dynamic fashion?

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Answer №6

Similar questions

AngularJS issue: Form submission does not trigger the controller function

Issue with updating required Node.js/Express modules using Chokidar?

Real-time Calculation and Validation of Input Field Totals Using JQuery with Modulus % Rules

Creating a 64-bit array in Java can allow you to store values larger than Integer_max-value. Here's a straightforward way to

Prevent another user from accessing a webpage while another user is already active on it using ReactJs

Encountering a TypeError while pre-rendering a page during the npm run build process

Is there a way to configure Cordova to utilize Yarn JS instead of NPM when installing plugins?

How should a php associative array be properly initialized?

"Is it possible to conditionally render a component depending on the state in

How to send a DOM element's value to an AJAX request using HTML.PagedList parameters

What is the best method for updating the .value property within an AngularJS controller?

Securing Objects in Parse with the JavaScript API - Linking Users to their saved entities

Managing 404 errors when loading cached scripts with jQuery

Combining Various Items Retrieved from Fetch Request

Why does ASP.NET sometimes set my JavaScript object to null?

Issue with Browsersync functionality in Docker

Converting CSV data into a serialized array using PHP

I have a query related to material-ui 4, specifically the material-ui/pickers component that is reporting an error regarding a non-existent "mask" property

Transferring a JavaScript variable to C# to execute an SQL SELECT query, then sending the returned result back to JavaScript

Button outline appears upon clicking the link and remains until another area of the page