Extract 'Roles' from a JWT in Javascript

Question

I have created a token and sent it to my client application (ReactJS).

{
  UserId: "1",
  http://schemas.xmlsoap.org/ws/2005/05/identity/claims/name: "Unset",
  http://schemas.microsoft.com/ws/2008/06/identity/claims/role: Array(2), 
  exp: 1531116565,
  iss: "http://www.example.com", 
…}

The role item looks like this:

[ {0: "User"}, {1, "Admin"} ]

I'm not sure why my roles item is named as a URL. But what I am trying to do is work out if the JWT indicates the user has an Admin role.

How can I check the array of roles, for 'Admin'?

Answer 1

you can try this

const roles = [
  {0: "User"}, {1: "Admin"}
];
let isAdmin = false;
roles.map( role => {
  let r = Object.values( role )
  if ( r[0] == 'Admin' ) {
    isAdmin = true
  }
})

console.log( isAdmin );

Answer 2

Maybe something like this:

const token = localStorage.getItem("x-access-token");

const role = JSON.parse(window.atob(token.split(".")[1])).role;