Reading URL Parameter in Aura Component

You can read the URL parameters in the following way through a lightning Aura Component.
Aura Component to display the query parameter key and values.
ReadUrlParam.cmp

<aura:component
  implements="flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId"
  access="global"
>
  <aura:handler name="init" action="{!c.doInit}" value="{!this}" />
  <aura:attribute name="paramValues" type="Map" />
  <div>
    <aura:iteration items="{!v.paramValues}" var="pv" indexVar="key">
      {!pv.key} - {!pv.value}

      <br />
    </aura:iteration>
  </div>
</aura:component>

Controller to read the query parameter key and values.
ReadUrlParam.js

({
 doInit : function(component, event, helper) 
    {
        var querystring = location.search.substr(1);
        var paramValue = [];
        querystring.split("&").forEach(function(part) {
        var param = part.split("=");
        paramValue.push({value:decodeURIComponent(param[1]), key:param[0]});
            
        });
   component.set("v.paramValues",paramValue);
  }
})

Call the class by appending the following in the URL.
?first=Suman&last=Halder&middle=none