【JavaScript】对象属性

JS 对象的可枚举性指的是对象的某些属性是否可以被 JSON.stringify()、 for...in 循环、Object.keys()、Object.values() 和 Object.entries() ⽅法枚举到。

每个对象属性都有⼀个名字和一个属性描述符,这个属性描述符⾥⾯包括了该属性的许多特性,如可枚举性、可写性、可配置性和值等。

默认情况下,使⽤字⾯量或Object()构造函数创建的对象的所有属性都是可枚举的,可以使⽤

Object.defineProperty或Object.defineProperties()来设置enumerable特性为false,设置其不

可枚举。

  • Object.defineProperty()作⽤:⽤来定义⼀个新的属性或者修改原有的属性
  • Object.defineProperties()作⽤:⽤来定义或修改多个属性

它们接收三个参数:1、obj对象;2、prop:要定义或修改的属性名称;3、descriptor:要定

义或修改的属性描述符 descriptor的属性描述符包括的特性有:

  1. value:属性的值,默认为undefined
  2. writable:属性是否可写,默认为false
  3. enumerable:属性是否可枚举,默认为false
  4. configurable:属性是否可配置,默认为false
  5. get:获取属性值的⽅法
  6. set:设置属性值的⽅法
js 复制代码
var o = { a: 1, b: 2 };
o.c = 3;
Object.defineProperty(o, "d", {
  value: 4,
  enumerable: false,
});
console.log(o.d); // 4
for (var key in o) { console.log(o[key]) };
// 1 2 3
console.log(Object.keys(o)); //['a','b','c']
console.log(JSON.stringify(o)); //"{a:1,b:2,c:3}"

⾄于 for...in 循环和 Object.keys ⽅法的区别,在于前者包括对象继承⾃原型对象的属性,⽽后者只包括对象本身的属性。有些内置对象的属性是不可枚举的,例如 Object.prototype 上的属性,这些属性可以通过 Object.getOwnPropertyNames() ⽅法获取。

相关推荐
vipbic3 小时前
别再把“做个H5”挂嘴边了:这个词,官方压根就没有定义过
前端
cup113 小时前
[Full Clock 技术复盘] 一、浏览器前端如何实现百毫秒级时间校准?时间 API 推荐、模拟 NTP 算法原理及局限
typescript·开源·api·时钟·时间同步
ZC跨境爬虫4 小时前
跟着 MDN 学CSS day_39:(Flexbox 弹性盒子核心机制)
前端·css·ui·html·tensorflow
小陈同学呦5 小时前
前端如何处理订单状态导航的数据竞态问题
前端·javascript
开发者每周简报5 小时前
网海三部曲·无名宗师传
javascript·人工智能
喵个咪5 小时前
GoWind Toolkit 前端代码生成|Vue3(ElementPlus/Vben)、React(AntDesign)全自动一键生成教程
前端·vue.js·react.js
摆烂大大王6 小时前
玩转 OpenClaw:用 TaskFlow + Heartbeat 打造自动化工作流
前端·人工智能·自动化
zhangxingchao6 小时前
AI 大模型核心六:量化、Workflow 与 Agent、多轮 RAG
前端·人工智能·后端
梦想的颜色7 小时前
TypeScript 完全指南(上):从零开始掌握类型系统
前端·typescript
之歆7 小时前
Day01_ES6+ 专业指南:从基础到实战的现代JavaScript开发(下)
前端·javascript·es6