【问题标题】:Typescript : Check if object exist in array by value打字稿:按值检查对象是否存在于数组中
【发布时间】:2019-01-01 01:32:25
【问题描述】:

我有这些数据:

roles = [
{roleId: "69801", role: "ADMIN"}
{roleId: "69806", role: "SUPER_ADMIN"}
{roleId: "69805", role: "RB"}
{roleId: "69804", role: "PILOTE"}
{roleId: "69808", role: "VENDEUR"}
{roleId: "69807", role: "SUPER_RB"}
]

我必须过滤我的表以检查是否有一个对象包含指定的角色值。

我的函数应该是这样的:

checkRoleExistence(role){

// if role exists on one of the objects return true
// else returne false
}

要使用它,我会这样做:

let ifExists = this.checkRoleExistence("PILOTE") ;

我想使用 Ecmascript"filter" 功能。

建议?

【问题讨论】:

  • My function should look like this - 是空的吗?我认为它根本不应该是那样 - 我认为您需要在其中放置一些代码
  • @trichetriche 但不需要过滤器,它是法语:(
  • 你是要求filter的人,我个人会使用some。而且您可以更改语言!

标签: javascript arrays angular typescript ecmascript-6


【解决方案1】:

您可以使用some 方法和解构

let roles = [ {roleId: "69801", role: "ADMIN"}, {roleId: "69806", role: "SUPER_ADMIN"}, {roleId: "69805", role: "RB"}, {roleId: "69804", role: "PILOTE"}, {roleId: "69808", role: "VENDEUR"}, {roleId: "69807", role: "SUPER_RB"} ]

const checkRoleExistence = roleParam => roles.some( ({role}) => role == roleParam)

console.log(checkRoleExistence("ADMIN"));
console.log(checkRoleExistence("RA"));
console.log(checkRoleExistence("RB"));

【讨论】:

  • (赞成)或 ES6 单线:const checkRoleExistence = roleParam => roles.some( ({role}) => role == roleParam)
  • @SwapNeil,IE不支持箭头函数,你应该使用babel或者只是为some写一个回调方法。
【解决方案2】:

这里给出的所有答案都有一点补充。您可以使用 find() 来获取符合您要求的值。

const index = this.roles.findIndex(role=> role.name === 'ADMIN'); if (index >-1) { const value= this.roles[index].roleId); }

这将为您提供 roleId ,它与您的查询匹配

【讨论】:

  • 这样的问题是,如果.find() 没有找到该元素,它会返回null,并且你的脚本会因Cannot read property 'roleId' of null 而崩溃。
  • 这就是if 语句用于if (index >-1) 然后它在指定索引处找到元素。所以它永远不会为空。
【解决方案3】:

我为您找到了这个解决方案: check this out

export class RoleComponent implements OnInit {
  roles: Role[] = [];
  isRoleExist:boolean = false;
  constructor() { }

  ngOnInit() {
    const data = this.getRoles();
    this.roles = JSON.parse(data);

    this.isRoleExist = this.checkRoleExistence('PILOTE');
    console.log(this.isRoleExist);
  }

  checkRoleExistence(roleLabel: string):boolean {
    return this.roles.some(r => r.roleLabel === roleLabel);
  }

  getRoles() {
    return `[
    {"roleId": "69801", "roleLabel": "ADMIN"},
    {"roleId": "69806", "roleLabel": "SUPER_ADMIN"},
    {"roleId": "69805", "roleLabel": "RB"},
    {"roleId": "69804", "roleLabel": "PILOTE"},
    {"roleId": "69808", "roleLabel": "VENDEUR"},
    {"roleId": "69807", "roleLabel": "SUPER_RB"}
    ]`;
  }
}

export class Role {
  roleId: number;
  roleLabel: string;
}

【讨论】:

    猜你喜欢
    • 2022-12-05
    • 1970-01-01
    • 1970-01-01
    • 2016-10-08
    • 2019-07-06
    • 2017-03-22
    • 2020-11-30
    • 2021-09-26
    • 1970-01-01
    相关资源
    最近更新 更多