javascript - 如何获取带有 URL 名称的对象属性的值？

Question

这个问题已经有答案了:

How do I reference a JavaScript object property with a hyphen in it? (11 个回答)

accessing an object property that contains forward slashes (2 个回答)

已关闭 4 年前。

我从包含 Angular 色的 ASP.NET Core API 获得 JWT token 作为返回。我需要解析每个 Angular 色才能获取值，但一直无法实现。有什么想法吗？

我试图检索其值的属性。我可能有不止一个 Angular 色:

"http://schemas.microsoft.com/ws/2008/06/identity/claims/role"

要解析的 JWT:

{
  "http://schemas.xmlsoap.org/ws/2005/05/identity/claims/nameidentifier": "xxx",
  "UserId": "cd59f5eb-9477-4b7c-a978-7b1f60f83086",
  "http://schemas.microsoft.com/ws/2008/06/identity/claims/role": "Administrator",
  "exp": 1543251220,
  "iss": "https://localhost:5000",
  "aud": "https://localhost:5000"
}

解析如下:

let token = window.localStorage.getItem(ID_TOKEN_KEY)

    if (!token || token.split('.').length < 3) {
      return false
    }
    const data = JSON.parse(atob(token.split('.')[1]))

尝试获取属性，但由于它是 URI 而无法获取:

 if (data.http://schemas.microsoft.com/ws/2008/06/identity/claims/role === 'Administrator') {
      return true
    }

Answer 1

复杂字符串的属性需要像这样访问:

if (data['http://schemas.microsoft.com/ws/2008/06/identity/claims/role'] === 'Administrator') {
  return true
}