How to convert array to object for queryparams?

Question

I have this array['ca','ba','es']

How can i covnert to object so that i have r=ca, r=ba, r=es.

So in queryParams when i add i will have url something like this:

r=ca&r=ba&r=es

I tried something like this but its not working:

let obj = this.queries.r.reduce(function(acc, cur, i) {
      'r' = cur; 
      return acc;
    }, {});

Because r is not valid as param.Any suggestion how can i fix this?

this is not working...im getting error that can not find name r, $ .... — uzhas
– uzhas, Commented Jul 17, 2018 at 22:09
and how can i assign this to queryParam with rest of params? because right now i get [0]:r [1]:= [2]:c [3]:a . .... and so on — uzhas
– uzhas, Commented Jul 17, 2018 at 22:19

kashpatel · Accepted Answer · 2018-07-17 21:46:43Z

1

Try this. I think this should work in your case.

Const params = new HttpParams({fromObject: { r: yourArrayHere }}).

Make sure you import HttpParams from @angular.

Hope that helps!

answered Jul 17, 2018 at 21:46

kashpatel

7251 gold badge7 silver badges18 bronze badges

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

7 Comments

uzhas Over a year ago

im getting this: argument of type '{ fromObject: { r: any; }; }' is not assignable to parameter of type '{ fromString?: string; encoder?: HttpParameterCodec; }'. Object literal may only specify known properties, and 'fromObject' does not exist in type '{ fromString?: string; encoder?: HttpParameterCodec; }'. (property) OfferComponent.queries: any

kashpatel Over a year ago

Can you provide a line of example including your array?

uzhas Over a year ago

let a = []; const params = new HttpParams({fromObject: { r: a}})

kashpatel Over a year ago

What version of Angular are you using? This functionality was added recently and might not be available if you are running old version. As per Angular code above example should work. See here: github.com/angular/angular/blob/6.0.9/packages/common/http/src/…

uzhas Over a year ago

"@angular/cli": "1.2.3", "@angular/compiler-cli": "^4.2.6",

|

kashpatel · Accepted Answer · 2018-07-17 22:41:55Z

0

Since you are using an old version. Latest HttpParams fromObject won’t work.

Try something like this.

let params = new HttpParams()

['ca','ba','es'].forEach(item => {
     params = params.append(“r”, item);
}

answered Jul 17, 2018 at 22:41

kashpatel

7251 gold badge7 silver badges18 bronze badges

6 Comments

uzhas Over a year ago

and then what ? because then im getting array of objects and not object..

kashpatel Over a year ago

You can forEach over an array of objects same way I have shown. You get the object inside forEach callback function. You can access the value using whatever object key you want. This params variable then can be used with http.get and http.post.

uzhas Over a year ago

HttpParams {updates: Array(2), cloneFrom: HttpParams, encoder: HttpUrlEncodingCodec, map: null} cloneFrom : HttpParams {updates: null, cloneFrom: null, encoder: HttpUrlEncodingCodec, map: null} encoder : HttpUrlEncodingCodec {} map : null updates : Array(2) 0 : {param: "r", value: "ca", op: "a"} 1 : {param: "r", value: "ba", op: "a"} length : 2

uzhas Over a year ago

thats all i get when i console.log(params)

uzhas Over a year ago

i want to do something like this Object.assign(obj, params) so in obj i will have r=ca & r=ba and so on

|

Collectives™ on Stack Overflow

How to convert array to object for queryparams?

2 Answers 2

7 Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related