converting string array into a key value pair object

Question

I am getting an output which looks like this

var x = ["title: x_one", " description: 1", " value: 4"]

where x[0] returns title: x_one

Which is a string. I cant read the property of title. How would I convert it into an object so that eventually I will be able to loop through the array and read the properties such as title, description and value.

I am trying to do this through jquery

I have been looking for a solution but havent really found one. If there is any out there which I am missing I would highly appreciate if anyone else have and could point me to that

Where are you getting the output from? It looks like it is supposed to be JSON but it is not formatted properly. — LavaSlider
– LavaSlider, Commented Dec 10, 2014 at 22:46
Use split(':') to split the value into a property name and value. — Barmar
– Barmar, Commented Dec 10, 2014 at 22:47
well I am getting the output from our friend google spreadsheets.google.com/feeds/list/… — soum
– soum, Commented Dec 10, 2014 at 22:49

Barmar · Accepted Answer · 2014-12-10 23:44:41Z

15

Loop through your array, splitting the values at the : character. Then use the first part as a property name, the second part as the value, in an object.

var obj = {};
for (var i = 0; i < x.length; i++) {
    var split = x[i].split(':');
    obj[split[0].trim()] = split[1].trim();
}

edited Dec 10, 2014 at 23:44

user3519976

answered Dec 10, 2014 at 22:49

Barmar

789k57 gold badges554 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

soum Over a year ago

Thanks man..you have answered few of my questions in the past and those were right on :-). Thanks for all your help and helping understanding the concepts

Yehia Awad · Accepted Answer · 2014-12-10 22:54:38Z

2

Try this function I have already tested it

 var a=new Array();
    for(var i=0;i<x.length;i++){
    var tmp=x[i].split(":")
    a[tmp[0]]=tmp[1]
    }

answered Dec 10, 2014 at 22:54

Yehia Awad

2,9961 gold badge22 silver badges31 bronze badges

1 Comment

Barmar Over a year ago

Except for your inappropriate use of new Array(), that's identical to my answer.

David Wickström · Accepted Answer · 2016-06-06 09:03:08Z

2

A more up to date version that that uses some newer language

const splitStr = (x) => {
  const y = x.split(':');
  return {[y[0].trim()]: y[1].trim()};      
}

const objects = ["title: x_one", " description: 1", " value: 4"].map(splitStr)

console.log(objects)

answered Jun 6, 2016 at 9:03

David Wickström

3973 silver badges12 bronze badges

1 Comment

GoldBishop Over a year ago

Good use of Lambda (MOZ - Array Functions) functionality. Although newbies & some mid-levels may mis-use without good knowledge and experience from other languages for its Pro's & Con's, even for JS/JQ

Baer · Accepted Answer · 2014-12-10 22:49:05Z

0

Assuming you have an object before you create this array you don't need to convert this to anything. Using jQuery's each you can get the value and the key.

$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

If this is the final output then you can just use String.prototype.split when you loop through.

answered Dec 10, 2014 at 22:49

Baer

3,78827 silver badges24 bronze badges

1 Comment

Barmar Over a year ago

It's an array, not an object. The keys will just be array indexes 0, 1, etc.

Prashanth Thurairatnam · Accepted Answer · 2015-09-07 07:00:04Z

0

Just bumped into this. Here is another solution for OP's original array.

var x = ["title: x_one", " description: 1", " value: 4"] 


function mapper(str)
{
    var o = {};
    strArr = str.split(":");
    o[strArr[0].trim()] = strArr[1].trim();
    return o;
}


var resultArray = x.map(mapper);
console.log(resultArray[0].title);
console.log(resultArray[1].description);
console.log(resultArray[2].value);

fiddle

answered Sep 7, 2015 at 7:00

Prashanth Thurairatnam

4,3592 gold badges17 silver badges17 bronze badges

Collectives™ on Stack Overflow

converting string array into a key value pair object

5 Answers 5

1 Comment

1 Comment

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

1 Comment

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related