JavaScript 如何获取对象键值

打开抽屉找袜子时，你不会把所有衣服都翻一遍，而是直接拉开袜子专属隔层。在编程里找数据也是一样，比如整理购物清单的对象，你得知道怎么精准拿到想要的内容——这就是获取对象键值的核心逻辑。

最常用的：点语法，像喊名字要东西

点语法是最贴近生活的方式，就像你喊朋友“小明拿杯子”，直接说对象的名字加点，再加要找的键就行。比如你有个记录宠物信息的对象：const cat = { name: "橘猫", age: 3, color: "橘色" }，要拿名字就写cat.name，结果就是“橘猫”；要拿年龄就写cat.age，出来的是3。

这种方法适合键名简单、没有空格的情况，就像快递盒上写着“收件人：张三”，直接喊名字准没错。但如果键名有空格或者符号，比如{ "宠物名字": "阿黄", "体重(kg)": 10 }，点语法就不管用了——毕竟总不能喊“阿黄的宠物名字”吧？这时候得用另一种方法。

灵活适配：方括号语法，像查字典找条目

方括号语法就像翻字典，把要找的键用引号包起来，放进方括号里。比如刚才的宠物对象，拿“宠物名字”就写cat["宠物名字"]，结果是“阿黄”；拿体重就写cat["体重(kg)"]，出来的是10。

它还有个隐藏优势：键名可以存在变量里，适合需要动态找内容的场景。比如你先存个变量let key = "color"，要拿颜色就写cat[key]，系统会自动把变量里的“color”当成键，返回“橘色”。要是用点语法写cat[key]，JavaScript会直接找名叫“key”的键，大概率会报错——这就像你让朋友“拿那个袋子里的东西”，得把“那个”换成具体物品，不然朋友不知道你要啥。

批量找：Object.keys()，像把抽屉里的袜子全倒出来

有时候你想知道对象里有多少个键，比如想统计购物清单的品类，这时候可以用Object.keys()方法。它会把对象里所有键打包成一个数组，比如const shopping = { 苹果: 5, 牛奶: 2, 面包: 1 }，调用Object.keys(shopping)，得到的就是["苹果", "牛奶", "面包"]。

有了键的数组，再配合循环就能批量拿值，比如想统计总买了几样东西，不用手动数，直接遍历这个数组就行。要是光想拿所有值，还有个对应的Object.values()，就像把袜子倒出来直接数数量，结果是[5, 2, 1]，适合快速汇总数据。

新手避坑：别踩这2个小陷阱

第一个坑：键名不存在时，点语法和方括号都会返回undefined，不会报错，比如cat.gender，结果是undefined，很多新手会误以为对象里真的有个叫“gender”的键，这时候可以加个判断，比如if (cat.gender) { ... }，避免空值导致的错误。

第二个坑：用变量当键时，别漏了方括号的包裹，比如刚才的key变量，要是写成cat.key，系统会把“key”当成键名，而不是变量里的“color”，就像你让朋友“拿钥匙”，结果朋友拿了个叫“key”的小物件，而不是你要的“橘猫项圈”。

其实获取对象键值的核心，就是“精准对应”——不管是直接喊名字、翻字典，还是倒出所有内容，都是为了让系统快速找到你要的信息，就像生活里找东西，选对方法比乱翻高效得多。