Parsing values of string in another object angular

Question

I have some string like this

 const resultComing ='access_token=test&token_type=bearer&state=state&expires_in=43199&scope=test';

I need to passed to object that will look like this

const result: any = {
  access_token: test,
  token_type: bearer,
  state: state,
  expires_in: 43199,
  scope: test
};

I have tried like this

const result: any = resultComing.split('&').reduce(function (result: any, item: string) {
  const parts = item.split('=');
  result[parts[0]] = parts[1];
}, {});

But i got error, TypeError: Cannot set property 'token_type' of undefined

Does this work for you? It's a little more readable and does exactly what you want. — user13258211
– user13258211, Commented Apr 15, 2020 at 12:43

user13258211 · Accepted Answer · 2020-04-15 13:02:24Z

1

Your function doesnt work because as Niet said, you dont return anything from the Array.reduce() function and so the next time it iterates over it, result will be undefined.

To fix it, simply return the result at the end:

const result: any = resultComing.split('&').reduce(function (result: any, item: string) {
    const parts = item.split('=');
    result[parts[0]] = parts[1];
    return result;
}, {});

If you don't want the arrow function, you can also go over your pairs with a simple loop:

let obj: any = {};
let pairs = resultComing.split('&');

for (let pair of pairs) {
    let parts = pair.split('=');
    obj[parts[0]] = parts[1];
}

Playground Link

answered Apr 15, 2020 at 13:02

user13258211

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

Comments

mamichels · Accepted Answer · 2020-04-15 12:41:12Z

0

The result array you are calling within the following line is never intitiated and therefore.

result[parts[0]] = parts[1];

try the following:

const result: any = {};
resultComing.split('&').reduce(function (result: any, item: string) {
  const parts = item.split('=');
  result[parts[0]] = parts[1];
}, {});

answered Apr 15, 2020 at 12:41

mamichels

6494 silver badges12 bronze badges

2 Comments

Niet the Dark Absol Over a year ago

result is the "current" parameter in the reduce() call.

Miomir Dancevic Over a year ago

non-arrow functions are forbidden (only-arrow-functions)

Niet the Dark Absol · Accepted Answer · 2020-04-15 12:48:01Z

0

.reduce()'s callback expected something to be returned.

const [k,v] = item.split("=");
result[k] = v;
return result;

This is why the error you get is only on the second key. For the first key, it passes your "initial" value of {} into the function and works just fine, but since the function doesn't return anything then the second call has undefined and you can't set properties on that.

answered Apr 15, 2020 at 12:48

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

Collectives™ on Stack Overflow

Parsing values of string in another object angular

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related