indexOf 查找小技巧权限显示相应内容

zhangyubababa

已于 2022-01-30 05:05:38 修改

阅读量1.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签： javascript 开发语言 ecmascript

于 2022-01-30 04:54:25 首次发布

本文链接：https://blog.csdn.net/zhangyubababa/article/details/122749941

react 专栏收录该内容

89 篇文章

订阅专栏

本文介绍了一种基于用户角色的菜单显示逻辑实现方法，通过JavaScript的数组方法indexOf来判断当前用户是否拥有特定权限，进而决定是否显示取消选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

['CourseAdmin', 'PublishManager', 'ApproveManager', 'ProgramManager'].indexOf(currentRole) > -1 ?
            <Menu.Item key="Cancel">Cancel</Menu.Item>
            :
            null

// indexOf   不存在 返回-1； 权限显示： indexOf 查找 存在的话 返回下标肯定大于0 为true 显示 否则 null


测试：

console.log([‘CourseAdmin’, ‘PublishManager’,‘ApproveManager’,‘ProgramManager’].indexOf(“Guest”) > -1 ?1:2); //2

console.log(['CourseAdmin', 'PublishManager', 'ApproveManager', 'ProgramManager'].indexOf("CourseAdmin"));  //0
console.log(['CourseAdmin', 'PublishManager', 'ApproveManager', 'ProgramManager'].indexOf("PublishManager"));//1