Ufdjrw

I have an array in which I want to loop through each element and find it's value from the props which is passed to the component.

array = ['a','b','c']

I want to save the value of 'this.props.a' to a variable 'a; and similarly for other variables considering props does have the values saved , how can I do that ?

sample code :

buildURL() {
 const param_array=array = ['a','b','c']
 const param_values=[];
 let queryStringUrl = window.location.href.split('?')[0];
 param_array.map((param)=>
 param_values.push(encodeURIComponent(this.props.param)) 
 )

Here I need this.props.search_item , this.props.search_type , this.props.article_quality and this.props.min_views .

How can I get that?

Currently your code looks for this.props.param on each iteration of the map. Note that this does not mean it looks for the key in props equal to the value of param the variable, but looks for the key in props called "param" (equivalent to this.props["param"]).

To use a variable as a key in an object you need to use the brackets notation: this.props[param]

In your code:

buildURL() 
 const param_array=['search_term','search_type','article_quality','min_views'];
 const param_values=[];
 let queryStringUrl = window.location.href.split('?')[0];
 param_array.map((param)=>
 paramValue = this.props[param];
 param_values.push(encodeURIComponent(paramValue)) 
 )

Edit

To store a record of each key, value pair for those keys in param_array and values from this.props, you can create a new object in this way:

buildURL() 
 const paramArray=['search_term','search_type','article_quality','min_views'];
 const paramObject = ;
 for (const param of paramArray) 
 paramObject[param] = this.props[param];
 
 // ...

Basically, create a new, empty object (paramObject), then loop over each param in paramArray and assign the value for that param in the new object equal to the value for that param in this.props. The final object will have a key for each param in paramArray and values coming from this.props.

You can try object[property]

param_array.map((param)=>
 param_values.push(encodeURIComponent(this.props[param])) 
)

UPDATE:
If you want to store these into a variable, you can do it with reduce.

buildURL() 
 const param_array=['search_term','search_type','article_quality','min_views'];
 let queryStringUrl = window.location.href.split('?')[0];
 const param_values = param_array.reduce((acc, param)=>
 acc[param]= encodeURIComponent(this.props[param])
 return acc;
 , )
 return param_values

Now your param_values is an object with the format

//param_values

 search_term: /*encoded str*/,
 search_type: /*encoded str*/,
 ...

And you can access it easily.