Transform an array into an object with a personalized key

Question

Transform an array into an object with a personalized key

Here is an example array:

let Given = [
  ["SRM_SaaS_ES,MXASSETInterface,AddChange,EN"],
  ["ASSETNUM,AS_SITEID,apple,ball"],
  ["mesa01,SDASITE,ball,cat"],
  ["ASSETNUM,AS_SITEID,cat,ager"]
];

I want to organize the data in a specific way:

let needed = [{
    'SRM_SaaS_ES': 'ASSETNUM',
    'MXASSETInterface': 'AS_SITEID',
    'AddChange': 'apple',
    'EN': 'ball',
  },
  {
    'SRM_SaaS_ES': 'mesa01',
    'MXASSETInterface': 'SDASITE',
    'AddChange': 'ball',
    'EN': 'cat',
  },
  {
    'SRM_SaaS_ES': 'ASSETNUM',
    'MXASSETInterface': 'AS_SITEID',
    'AddChange': 'cat',
    'EN': 'ager',
  }
]

I attempted to extract the keys from the first array and assign them accordingly but faced challenges.

let firstArrayData: string = this.Given[0];
let data = firstArrayData[0].split(',');
console.log(JSON.stringify(data));//["SRM_SaaS_ES","MXASSETInterface","AddChange","EN"]

javascript arrays json object

Answer 1

Answer №1

If you’re looking for a solution, consider this approach:

let Example = [
  ["SRM_SaaS_ES,MXASSETInterface,AddChange,EN"],
  ["ASSETNUM,AS_SITEID,apple,ball"],
  ["mesa01,SDASITE,ball,cat"],
  ["ASSETNUM,AS_SITEID,cat,ager"]
];

// Extract keys from the first sub array:
const keys = Example[0][0].split(",");

// Iterate over the remaining sub arrays:
const result = Example.slice(1).map(function(item) {
  // Split values from current item
  const values = item[0].split(",");
  
  // Create an object with key names and item values:
  const obj = {};
  keys.forEach(function(k,i) {
    obj[k] = values[i];
  });
  
  return obj;
});

console.log(result);

Answer 2

If you’re looking for a solution, consider this approach:

let Example = [
  ["SRM_SaaS_ES,MXASSETInterface,AddChange,EN"],
  ["ASSETNUM,AS_SITEID,apple,ball"],
  ["mesa01,SDASITE,ball,cat"],
  ["ASSETNUM,AS_SITEID,cat,ager"]
];

// Extract keys from the first sub array:
const keys = Example[0][0].split(",");

// Iterate over the remaining sub arrays:
const result = Example.slice(1).map(function(item) {
  // Split values from current item
  const values = item[0].split(",");
  
  // Create an object with key names and item values:
  const obj = {};
  keys.forEach(function(k,i) {
    obj[k] = values[i];
  });
  
  return obj;
});

console.log(result);

Transform an array into an object with a personalized key

Answer №1

Similar questions

Whenever I try to upload a file using ajax in MVC, I consistently encounter a null Request.Files in action side

Integrate PHP include files into a website without allowing direct access, then dynamically load them using jQuery AJAX

Go back to initial value loaded from ajax when canceling the action

Ways to expand the `Array.prototype` from an external library in a Node.js environment

Tips for Extracting Data from JSON String in Automation Anywhere after Making a REST API Request

What is the best way to save <div> tags to localStorage?

Need to capture click events on an HTML element? Here's how!

Arrange the items in a list in JavaScript in descending sequence

How to pass GetServerSideProps into Page component props in Next.js with custom _app.js

Ensuring that a $(function() is consistently executed and does not diminish over time

The ng-model remains empty even after the $parent has been defined

Struggling to eliminate nesting in a JSON array using PHP

React error: File undefined (cannot be exported)

Having issues with closing a div tag using $.after() function

Deleting an item from an array in React Native when its ID already exists

Use jQuery to dynamically update a text field within a table row based on a selection from

Function for adding numbers in Javascript with currying

Unable to change the color of the RaisedButton component in Material-UI

Triggering Leaflet's Mouseout function during a MouseOver event

Building a personalized version with core-js