3 Object 对象

广义的理解: 一切皆对象,数组、函数都是对象的一种。

狭义的理解: Object 数据类型,是对象类型中的一种,与Array、Function是等价的。

3.1 什么是 Object

1. Object 是值的无序集合。
2. Object 由多个属性组成, 每个属性有属性名也有属性值,属性名一般用字符串表示,属性值可以是任意类型的数据
3. 如果某个属性的值是 function 类型的数据,可以称该属性为方法。

3.2 如何声明 Object 类型的对象

① 第一种 直接量方式

// 创建一个 空的 Object 对象
{};// 创建对象的同时 设置其中的属性
{'user-name': '小乐', address: '上海',user_age: 100,getInfo: function() {console.log('getInfo')},users: [100,200,300,400,500]
};

总结:

属性名应以字符串的形式给出,需要加引号,但是如果属性名满足标识符命名规范,可以省略引号。

② 使用 Object 函数

// 创建一个空的Object 对象
Object();

③ 使用 Object 构造函数

// 创建一个空的 Object 对象
new Object();

3.3 Object 对象属性的读写

① 语法

// 第一种方式 使用 . 语法
对象.属性名;
对象.属性名 = 值;// 第二种方式 使用 [] 语法
对象['属性名'];
对象['属性名'] = 值;

总结:

  1. 如果读取对象中不存在的属性,会自动得到 undefined。
  2. 如果给对象中不存在的属性赋值,会为对象添加一个属性。

② 什么情况下必须使用 [] 语法读写属性

1. 属性名不符合标识符规范
2. 使用变量表示属性名

3.4 遍历Object对象的属性

for (var prop in 对象) {prop; // 获取的是属性名对象[prop];  // 获取属性的值
}

3.5 删除对象中的属性

使用 delete 运算符,该运算符是一元运算符,具有副作用。
delete 对象.属性名;
delete 对象['属性名'];

3.6 判断对象中是否存在某个属性

使用 in 运算符,该运算符是二元运算符,左边的操作数是字符串形式的属性名,右边的操作数是对象; 该运算符组成的表达式的值是布尔值
'属性名' in 对象;

JavaScript - 什么是Object 对象相关推荐

  1. Javascript控制台打印Object对象

    Javascript控制台打印Object对象 做项目的时候遇到一个问题,在调试代码时需要打印对象来查看具体数值,想了各种方法也没有实现,最后查资料知道了可以使用JSON.stringify()将ob ...

  2. JavaScript:对Object对象的一些常用操作总结

    JavaScript对Object对象的一些常用操作总结. 一.Object.assign() 1.可以用作对象的复制 var obj = { a: 1 }; var copy = Object.as ...

  3. 详解Javascript中的Object对象

    本文地址:http://luopq.com/2016/02/28/Object-in-Javascript/,转载请注明 Object是在javascript中一个被我们经常使用的类型,而且JS中的所 ...

  4. JavaScript中的Object对象

    本文参考javascript.ruanyifeng.com 所整理的笔记, 不足之处请指正! 概述 JavaScript的所有其他对象都继承自Object对象 Object对象自身的方法 Object ...

  5. linq结果转换object_【JavaScript 教程】标准库—Object 对象

    作者 | 阮一峰 1.概述 JavaScript 原生提供Object对象(注意起首的O是大写),本章介绍该对象原生的各种方法. JavaScript 的所有其他对象都继承自Object对象,即那些对 ...

  6. 《JavaScript启示录》——1.21 JavaScript对象和Object()对象

    本节书摘来自异步社区<JavaScript启示录>一书中的第1章,第1.21节,作者:[美]Cody Lindley著,更多章节内容可以访问云栖社区"异步社区"公众号查 ...

  7. JavaScript Object对象

    原文:JavaScript Object对象 Object对象 1. 介绍 Object对象,是所有JavaScript对象的超类(基类).Object.prototype(Obecjt的原型)定义了 ...

  8. JavaScript中Object对象方法超详细讲解举例说明仅此一篇

    JavaScript中Object对象方法超详细讲解举例说明仅此一篇 Object.assign() Object.create() Object.values() Object.entries() ...

  9. JavaScript中Object对象深度遍历

    Object对象深度遍历 支持Object和Array混合型对象遍历.其中用到的对象类型判断方法,详见<JavaScript中Object对象类型判断> // 递归实现 // obj 为父 ...

最新文章

  1. HTML特殊转义字符列表
  2. 从0到1走进 Kaggle
  3. GDCM:无效的DICOM文件的测试程序
  4. 调用postman拿CSRF token的隐藏Cookie处理
  5. 浏览器设置主页 注册表_关于浏览器首页被篡改这件事
  6. 非关系型数据库和关系型数据库区别(转载)
  7. ant centos环境下 编译没有将配置文件加载_Linux 下的动态库、静态库与环境变量...
  8. 杭电HDUacm2037
  9. python学习笔记--python数据类型
  10. Sublime增加GBK编码格式
  11. Excel如何将数据填充完下方的空白单元格
  12. 自己做量化交易软件(28)小白量化实战2--变红买入变绿卖出
  13. 使用ns2仿真ping
  14. 调用Mailgun API发送电子邮件一例
  15. UniApp:Vue特性篇:vue2.0的广播与接收(待详细了解)
  16. Bootstrap轮播插件,代码步骤
  17. [Andriod官方训练教程]管理Activity的生命活动之开始一个Activity
  18. 组合数学4-全排列生成算法
  19. vertx使用路由步骤
  20. SpringBoot整合邮件发送功能

热门文章

  1. python vbscript_python vbscript_VBScript学习笔记
  2. 服务器升级后性能恶化,SQLServer服务器内存升级后性能恶化
  3. 最初编写的c语言程序称为,C语言程序设计复习参考答案
  4. 安卓 即构科技直播使用阿里云鉴权切换流地址
  5. 电商客服在直播间期间的应对措施
  6. chown dba oracle,改变用户名和群组:chown
  7. 中国玉米深加工行业发展状况研究及投资前景展望报告2022年版
  8. 高效程序员工作法(三)
  9. 微软产品 .NET 6 迁移之旅
  10. 第17期荣誉榜发布,聆听为体验坚守到底