判断对象属性是否为Symbol类型

酷晨同学_9450

酷晨同学_9450

2026-06-16

357人浏览

原创

判断属性值是否为 symbol 类型应使用 typeof obj.prop === 'symbol';若判断属性名是否为 symbol,则需用 object.getownpropertysymbols(obj) 获取并比对。

判断对象属性是否为symbol类型

直接用 typeof 判断属性值即可,不是判断属性名本身是否为 Symbol —— 因为属性名可以是字符串或 Symbol,而“是否为 Symbol 类型”指的是该属性对应的 值 的类型。

先确认你真正想判断什么

常见混淆点:有人以为“Symbol 类型的属性”是指 key 是 Symbol,其实 JS 中没有“Symbol 类型的属性”这种说法。准确说有两类情况:

  • 属性的 key 是 Symbol(如 obj[Symbol('id')] = 123)—— 这时 key 是 Symbol,但值可以是任意类型
  • 属性的 值是 Symbol(如 obj.token = Symbol('auth'))—— 这才是“该属性的值是否为 Symbol 类型”

判断某个属性的值是不是 Symbol

对属性值使用 typeof:

javascript-pro
javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家,适用于现代开发

下载
  • typeof obj.prop === 'symbol' ✅ 推荐,简洁、可靠、无兼容性问题
  • Object.prototype.toString.call(obj.prop) === '[object Symbol]' ⚠️ 可用但冗长,仅在需要统一多类型检测逻辑时考虑
  • obj.prop instanceof Symbol ❌ 不成立,Symbol 是原始类型,不能用 instanceof

示例:

const sym = Symbol('test');
const obj = { a: 42, b: sym, c: 'hello' };

console.log(typeof obj.a); // 'number'
console.log(typeof obj.b); // 'symbol' ← 判断成功
console.log(typeof obj.c); // 'string'

如果你想检查某个 key 是否为 Symbol(即属性名是 Symbol)

这属于遍历对象自身 Symbol 属性的场景,需用:

  • Object.getOwnPropertySymbols(obj) 获取所有 Symbol 类型的 key 数组
  • 再用 includes() 或循环比对

示例:

const s1 = Symbol('x');
const s2 = Symbol('y');
const obj = { [s1]: 'val1', normal: 'ok', [s2]: 42 };

const symbolKeys = Object.getOwnPropertySymbols(obj); // [s1, s2]
console.log(symbolKeys.includes(s1)); // true
console.log(symbolKeys.includes(Symbol('x'))); // false ← 描述相同也不相等

实际开发中容易踩的坑

  • Symbol 值不能隐式转字符串:'' + obj.b 或 alert(obj.b) 会报错,必须显式调用 obj.b.toString()
  • Symbol 属性不会出现在 for...in、Object.keys()、JSON.stringify() 中,但可通过 Object.getOwnPropertySymbols() 拿到
  • 相同描述的 Symbol 不相等:Symbol('a') === Symbol('a') 是 false,跨模块复用要用 Symbol.for()

相关专题

更多
数据类型有哪几种
数据类型有哪几种

数据类型有整型、浮点型、字符型、字符串型、布尔型、数组、结构体和枚举等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.10.31

2691

5

php数据类型
php数据类型

本专题整合了php数据类型相关内容,阅读专题下面的文章了解更多详细内容。

2025.10.31

534

9

c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

2026.02.12

462

19

JavaScript中的typeof用法
JavaScript中的typeof用法

在JavaScript中,typeof是一个用来确定给定变量的数据类型的操作符。可以用来确定一个变量是字符串、数字、布尔值、函数、对象或undefined的数据类型。更多关于typeof用法相关文章,详情请看本专题下面的文章,php中文网欢迎大家前来学习。

2023.11.23

7547

13

FrankenPHP集成Laravel详细教程
FrankenPHP集成Laravel详细教程

本专题提供FrankenPHP集成Laravel的详细配置指南,全面解析运行原理、开发环境搭建、Caddyfile配置、Octane工作模式、数据库连接、队列任务、定时任务和生产环境优化,解决部署过程中常见的报错与兼容性问题。

2026.10.08

0

20

LLVM自定义Pass怎么写
LLVM自定义Pass怎么写

本专题聚焦LLVM自定义Pass开发,整理Pass类结构、run()方法、PreservedAnalyses、CMake构建、插件注册、-load-pass-plugin加载和测试用例编写流程。

2026.09.30

120

10

LLVM RISC-V参数配置教程
LLVM RISC-V参数配置教程

本专题介绍LLVM对RISC-V基础ISA和扩展的支持方式,涵盖RV32、RV64、标准扩展、实验性扩展、厂商扩展、-menable-experimental-extensions和版本差异。

2026.09.30

100

14

LLVM IR中间表示入门指南
LLVM IR中间表示入门指南

本专题整理LLVM IR的核心概念,包括中间表示作用、模块结构、函数、基本块、SSA形式、类型系统和常见语法,帮助新手理解LLVM编译流程中的关键层。

2026.09.30

80

12

PDF转图片方法
PDF转图片方法

需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

2026.09.30

80

26

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习