Converting a array of strings into an object with specific keys and values using Javascript

Question

Converting a array of strings into an object with specific keys and values using Javascript

Within my code, I have a string that includes a series of personalized http headers in this particular arrangement:

var headers = "Referer=SomeValue|User-Agent=SomeUserAgent";

To break this down effectively, I utilized the pipe character as a separator:

var splitHeaders = headers.split("|");

Following this process, I obtained an array that can be iterated through. My goal is to transform this string array into an object. Here's what I've accomplished so far:

var customHeaders = {};
for (var i in splitHeaders) {
    var data = splitHeaders[i].split("=");
    customHeaders[data[0]] = data[1];
}

The idea is to construct an object named customHeaders to store values as shown below:

customHeaders = {
    "Referer":"https://someurl.com/",
    "User-Agent":"Some Browser"
};

Could there be any issue with the approach I'm taking?

javascript arrays parsing object

Answer 1

Answer №1

You're headed in the right direction. Consider using a more conventional form of the for loop with the length of the splitHeaders array as the limiter:

for (var i = 0; i < splitHeaders.length; i++) {

Here's a practical example:

var headers = "Referer=SomeValue|User-Agent=SomeUserAgent";
var splitHeaders = headers.split('|');
var customHeaders = {};

for (var i = 0; i < splitHeaders.length; i++) {
  var data = splitHeaders[i].split("=");
  customHeaders[data[0]] = data[1];
}

console.log(customHeaders);

Alternatively, there are other techniques you can use to transform an array into an object, such as employing methods like reduce.

var headers = "Referer=SomeValue|User-Agent=SomeUserAgent";

headers = headers
  .split('|')
  .reduce(function(obj, val) {
    var split = val.split('=');
    obj[split[0]] = split[1];
    return obj;
  }, {});

console.log(headers);

Answer 2

You're headed in the right direction. Consider using a more conventional form of the for loop with the length of the splitHeaders array as the limiter:

for (var i = 0; i < splitHeaders.length; i++) {

Here's a practical example:

var headers = "Referer=SomeValue|User-Agent=SomeUserAgent";
var splitHeaders = headers.split('|');
var customHeaders = {};

for (var i = 0; i < splitHeaders.length; i++) {
  var data = splitHeaders[i].split("=");
  customHeaders[data[0]] = data[1];
}

console.log(customHeaders);

Alternatively, there are other techniques you can use to transform an array into an object, such as employing methods like reduce.

var headers = "Referer=SomeValue|User-Agent=SomeUserAgent";

headers = headers
  .split('|')
  .reduce(function(obj, val) {
    var split = val.split('=');
    obj[split[0]] = split[1];
    return obj;
  }, {});

console.log(headers);

Converting a array of strings into an object with specific keys and values using Javascript

Answer №1

Similar questions

Transfer the information from dropped files in a div to a separate page

Error 19: Constraint violation - duplicate entry detected

Utilizing Angular 6's Mat-Table in a dynamic way

Error in Firebase: The first argument provided to collection() must be a valid CollectionReference, DocumentReference, or FirebaseFirestore

What is the process of creating a dynamic array using the malloc function in the C programming language?

What is the purpose of the `Bitwise operator |` in the `d3.shuffle` source code and how can it be understood

Delete an element from the state array using React

The readFile function is not executing within a while loop

Node.js implementation for processing batches of data from the Youtube Data API

Attention: React is unable to identify the X attribute on a DOM component

Steps to obtain an array and utilize it in a datasource

Adjust the background color of the table header in Google Charts

Certain sections within a Formik form are failing to update as intended

The javascript dropdown feature functions properly on jsfiddle, but is not working in an HTML document

Eliminate redundant words in a map using React

Make the element switch from hidden to visible when hovering over it using CSS

Tips for fixing prettier errors in express and TypeScript code

What information is displayed on the visible class roster?

The server encountered an unexpected error while processing the request, possibly due to a

Javascript regular expression fails to find a match