Hi Friends đź‘‹,

Welcome To Infinitbility! ❤️

To convert string to key value pair in javascript, use the split(":") and Object.fromEntries() method. the split(":") method help you to convert string to array and Object.fromEntries() method will create array to object.

The split() method divides a String into an ordered list of substrings, puts these substrings into an array, and returns the array. The division is done by searching for a pattern; where the pattern is provided as the first parameter in the method’s call.

The Object.fromEntries() method transforms a list of key-value pairs into an object.

In the following example, we will take example string and convert it on object.

const str = "key:value";

const strObj = Object.fromEntries([str.split(":")]) // {key: 'value'}

Today, I’m going to show you How do i convert string to key value pair in javascript, as above mentioned here, I’m going to use split(":") and Object.fromEntries() function to convert string to key value pair.

Let’s start today’s tutorial how do you convert string to key value pair in javascript?

In this example, we will do

  1. Take an example of key value string of array
  2. Use split(":") and Object.fromEntries() methods in a loop
  3. Store converted value into variable and console it
const arr = ["id:1","name:infinitbility","domain:infinitbility.com"];

const arrOfObj = arr.map((element) => {return Object.fromEntries([element.split(":")])})

console.log(arrOfObj) // [{id: '1'},{name: 'infinitbility'},{domain: 'infinitbility.com'}]

In the above exampls, we have taken example of key value pair string and converted into array of object, Let’s check the output.

JavaScript, convert string to key value pair in javascript example
JavaScript, convert string to key value pair in javascript example

I hope it’s help you, All the best 👍.