Converting Array of Strings into Key Value Pair

Question

I have an string from backend source, of format:

numbers: "1123763449056714753, 1123764853364097024, 1123770213739241473..."

I want to convert it into key-value pair something form so that I can map over these ids for my individual item div:

["numbers": [ 
              {"id":1123763449056714753 }, 
              {"id":1123764853364097024 },
              {"id":1123770213739241473 },
             ....
            ]
]

or

[                 {"id":1123763449056714753 }, 
                  {"id":1123764853364097024 },
                  {"id":1123770213739241473 },
                 ....

    ]

I tried using forEach()/ map() but gets error as undefined. Also I am not sure whether it is a collection of string or array of strings Please help

considering the whole variable is string. Use let obj = JSON.parse('{' +str+'}'); obj.numbers = obj.numbers.split(',').map(id => ({id})) — Maheer Ali
– Maheer Ali, Commented May 2, 2019 at 12:47
Is the input a comma separated string or an array of strings as you mentioned in the title? Also, your output is invalid. Please post a valid input and expected outputs to create a minimal reproducible example — adiga
– adiga, Commented May 2, 2019 at 12:48
object.numbers = object.numbers.split(',').map(i => { id: +i }. The question is quite unclear and doesn't hold the minimal amount of informations needed to verify the example. Please clarify it and add what you've tried. — briosheje
– briosheje, Commented May 2, 2019 at 12:48
Also, it's good to post the code that isn't quite working. That helps understand the original intent and give an answer that is more useful. (I agree with the two previous comments). — Adam Wise
– Adam Wise, Commented May 2, 2019 at 12:49
In the output, idis of type number. All these numbers are bigger than Number.MAX_SAFE_INTEGER. So, when string converted to number, they won't be the same numbers anymore — adiga
– adiga, Commented May 2, 2019 at 12:54

Nina Scholz · Accepted Answer · 2019-05-02 12:54:32Z

3

You could split the string and map the objects by keeping the strings (who are larger than allowed integer values).

var object = { numbers: "1123763449056714753,1123764853364097024,1123770213739241473,1123771975162368003" },
    numbers = object.numbers.split(',').map(id => ({ id }));

console.log(numbers);

.as-console-wrapper { max-height: 100% !important; top: 0; }

edited May 2, 2019 at 12:54

answered May 2, 2019 at 12:50

Nina Scholz

388k26 gold badges367 silver badges417 bronze badges

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

3 Comments

briosheje Over a year ago

Isn't the id meant to be a numeric value (looking at his example)? Edit: NVM, you've fixed that already :P

adiga Over a year ago

FYI, the numbers are bigger than Number.MAX_SAFE_INTEGER

briosheje Over a year ago

@adiga nice catch, didn't notice that! So, technically, the "sample" output is somewhat invalid.

Aziz.G · Accepted Answer · 2019-05-02 13:03:51Z

2

You can split the object then map it and return the structure you want :

const obj = {
  "numbers": "1123763449056714753,1123764853364097024,1123770213739241473,1123771975162368003..."
}


const res = {
  numbers: [
    obj.numbers.split(",").map(el => ({
      id: el
    }))
  ]
}

console.log(res);

answered May 2, 2019 at 13:03

Aziz.G

3,7813 gold badges20 silver badges38 bronze badges

Comments

Paaarth · Accepted Answer · 2019-05-02 12:49:50Z

1

var arr = ["1123763449056714753","1123764853364097024","1123770213739241473","1123771975162368003"];
var newArr = [];
for (var i = 0; i < arr.length; i++) {
    var obj = {};
    obj.id = arr[i];
    newArr.push(obj);
}
console.log(newArr)

answered May 2, 2019 at 12:49

Paaarth

4,4693 gold badges26 silver badges39 bronze badges

Comments

Sandeep P · Accepted Answer · 2019-05-02 13:02:42Z

1

You can do something like this.

var data = {"numbers":"1123763449056714753,1123764853364097024,1123770213739241473,1123771975162368003"};

data.numbers = data.numbers.split(',').reduce((res, id) => [...res, {id}], []);

answered May 2, 2019 at 13:02

Sandeep P

1415 bronze badges

Comments

adiga · Accepted Answer · 2019-05-02 13:54:17Z

1

One thing you could do is get the numbers as an array:

var obj = {
  "numbers": "1123763449056714753,1123764853364097024,1123770213739241473,1123771975162368003"
};

var result = obj.numbers.split(',').reduce((acc, num) => {
  acc.push({ id: num });
  return acc;
}, []);

console.log(result)

or as @briosheje mentioned you could also use map:

var result = obj.numbers.split(',').map(num => ({id: num}));

The result would look like this:

[{"id":"1123763449056714753"},{"id":"1123764853364097024"},{"id":"1123770213739241473"},{"id":"1123771975162368003"}]

edited May 2, 2019 at 13:54

adiga

35.4k9 gold badges65 silver badges88 bronze badges

answered May 2, 2019 at 12:49

Vasil Dininski

2,4181 gold badge21 silver badges32 bronze badges

Comments

Rahul Mukherjee · Accepted Answer · 2019-05-02 13:02:57Z

0

As per your data, you can just split the numbers string using "," and loop through it to perform the transform, like

var data = {"numbers":"1123763449056714753,1123764853364097024,1123770213739241473,1123771975162368003"};
var numbers_arr = data.numbers.split(",");
var result = {
  "numbers":[]
};
for(var i=0;i<numbers_arr.length;i++){
 var tempObj = {
    "id":parseInt(numbers_arr[i])
  };
  result.numbers.push(tempObj)
}

console.log(JSON.stringify(result));

answered May 2, 2019 at 13:02

Rahul Mukherjee

15110 bronze badges

Collectives™ on Stack Overflow

Converting Array of Strings into Key Value Pair

6 Answers 6

3 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

3 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related