▓▓▓▓▓▓ 大致介绍

  JavaScript的简单数据类型包括:Undefined、Null、Boolean、Number、String。JavaScript中这五种基本数据类型不是对象,其他所有值都是对象。其中还有一些对象子类型,通常被称为内置对象(引用类型)

    1、Object

    2、Array

    3、Date

    4、RegExp

    5、Function

    6、Boolean

    7、Number

    8、String

▓▓▓▓▓▓ 创建对象的三种方法

  创建对象有三种方法:

    1、对象字面量,即用{}生成,一个对象字面量就是包围在一对花括号中的零个或多个“名/值”对

    2、构造函数,利用Object()构造函数生成

    3、Object().create方法生成

    注意:推荐第一种写法,第三种方法多用在继承的场合

        var myobj = {
key : value;
} var myobj = new Object()
myobj.key = value; var myobj = Object.create(Object.prototype);
myobj.key = value;

▓▓▓▓▓▓ 引用

  对象通过引用来传递,它们永远不会被复制。简单来说就是多个变量指向同一个对象,那么他们都是这个对象的引用,多个变量它们都指向同一个内存地址,如果通过一个变量修改了指向的对象,那么所有指向这个对象的变量都会发生改变

        var o  = {
name : 'laowang'
}; var b = o;
b.name = 'liu';
console.log(o.name); //liu

▓▓▓▓▓▓ 属性操作

  读取属性

  读取对象的属性有两种方法,一种是用点运算符,另一种是用方括号运算符

        var o  = {
name : 'laowang'
}; o.name; //'laowang'
o['name']; //'laowang'

  

  注意:点操作符要求属性名满足标示符的命名规范,而方括号运算符的方式可以接受任何字符串作为属性名

  例如:

        var o  = {
name : 'laowang',
'super-f' : 2
}; console.log(o.super-f); //报错
console.log(o['super-f']); //

  可以在方括号中括住一个字符串表达式的方式来访问属性

        var o  = {
name1 : 'laowang',
name2 : 'liaomou',
name3 : 'PDD'
}; for(var i=1;i<4;i++){
console.log(o['name'+i]);//laowang liaomou PDD
};

  在对象中,属性名永远都是字符串,如果你使用String以外的其他值作为属性名,那他首先会被转换为一个字符串。即使是数字也不例外

        var myObject = {};

        myObject[true] = 'foo';
myObject[2] = 't'; myObject['true']; //"foo"
myObject['2']; //"t"

  

  写入属性

  可以用点运算符和方括号运算符写入属性

        var myObject = {
name : 'laowang'
}; //两种方法的效果是一样的 var myObject = {};
myObject.name = 'laowang';
myObject[name] = 'laowang';

  

  

  查看属性

  可以使用Object.keys()方法

        var myObject = {
name : 'laowang',
address : '西青区'
}; console.log(Object.keys(myObject)); //["name", "address"]

  删除属性

  删除属性可以用delete运算符,它不会触及原型链中的任何对象,删除对象的属性可能会让来自原型链中的属性透现出来

        var myObject = {
name : 'laowang',
address : 'xi'
}; var anotherObject = Object.create(myObject);
anotherObject.name = 'xiaoma';
console.log(anotherObject.name); delete anotherObject.name;
console.log(anotherObject.name); //laowang 删除了自己本身的属性,透现出来了原型的属性 delete anotherObject.address;
console.log(anotherObject.address); //xi 不会删除原型中的属性

  检测属性是否存在

  我们要检测一个属性是否在对象中,可以使用in操作符

        var myObject = {
name : 'laowang',
address : 'xi'
}; console.log('name' in myObject); //true
console.log('sex'in myObject); //false

  注意:in操作符会检查属性是否在对象及原型链中,如果要检测一个属性是否在对象中,不涉及原型链,可以使用hasOwnProperty()

        var myObject = {
name : 'laowang',
address : 'xi'
}; var anotherObject = Object.create(myObject); console.log('name' in anotherObject); //true
console.log(anotherObject.hasOwnProperty('name')); //false

  遍历属性

  有时需要遍历一个对象的所有属性,可以使用for..in语句

        var myObject = {
name : 'laowang',
address : 'xi',
sex : 'man'
}; for(var i in myObject){
console.log(myObject[i]); //laowang xi man
};

  注意:for..in语句会遍历对象的可枚举属性,包括原型链

  例如:

        var myObject = {
name : 'laowang',
address : 'xi',
sex : 'man'
}; //让myObject的name属性变得不可枚举
Object.defineProperty(
myObject,
'name',
{enumerable:false}
); for(var i in myObject){
console.log(myObject[i]); //xi man
};

  如果想要过滤掉那些你不想要的值,最为常用的过滤器是hasOwnProperty方法,以及使用typeof来排除函数

 

参考资料:

      阮一峰JavaScript标准参考教程(alpha)-语法-对象

      JavaScript语言精粹第三章

      你不知道的JavaScript(上卷)第三章

      JavaScript高级程序设计(第三版)第五章 Object类型

JavaScript内置对象-Object的更多相关文章

  1. javascript 内置对象及常见API

    javascript 内置对象及常见API 2012-09-02 15:17 571人阅读 评论(0) 收藏 举报 javascript正则表达式文档浏览器urlstring Javascript内置 ...

  2. JavaScript高级:JavaScript面向对象,JavaScript内置对象,JavaScript BOM,JavaScript封装

    知识点梳理 课堂讲义 1.JavaScript面向对象 1.1.面向对象介绍 在 Java 中我们学习过面向对象,核心思想是万物皆对象. 在 JavaScript 中同样也有面向对象.思想类似. 1. ...

  3. document和javaScript内置对象

    1.Document 属性: referrer //返回载入当前文档的URL URL //返回当前文档的URL 方法: getElementById(); //根据id获取html元素对象 getEl ...

  4. JavaScript进阶 - 第7章 JavaScript内置对象

    第7章 JavaScript内置对象 7-1 什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的, ...

  5. JavaScript内置对象与原型继承

    (一)   理解JavaScript类定义 1>关于内置对象理解 console.log(Date.prototype.__proto__===Object.prototype    //tru ...

  6. JavaScript内置对象与原生对象【转】

    原文:https://segmentfault.com/a/1190000002634958 内置对象与原生对象 内置(Build-in)对象与原生(Naitve)对象的区别在于:前者总是在引擎初始化 ...

  7. 第五天:内置对象(7.Javascript内置对象)

    1)中所术是内置对象,2)中为自定义对象 代码说明如下 2.1.1 定义并创建对象实例方式1,代码如下: <!DOCTYPE html><html lang="en&quo ...

  8. Javascript 笔记与总结(2-4)Javascript 内置对象

    ① String 字符串对象 fromCharCode() 静态方法, 用作为参数而传递的字符代码创建一个新的字符串. length 字符串的长度. charAt() 抽取字符串中指定位置的字符. c ...

  9. javascript 内置对象 第17节

    <html> <head> <title>内置对象</title> </head> <body> <div>内置对象 ...

随机推荐

  1. WCF必须使用证书验证吗

    你说的 ASP.NET Web Service在消息头里加个字段,服务端做验证,这个是可以的,但是无法保证传输的用户名和密码是加密安全的. 要求使用证书,也是强制服务器端,这里涉及到服务器身份鉴别的问 ...

  2. OD提示 "为了执行系统不支持的动作, OllyICE 在这个被调试的程序中注入了一点代码, 但是经过5秒仍未收到响应..." 解决办法

    别的OD就可以,我自己整合过的一个很顺手的OD就是不行,最后找到了解决办法: 转自:http://bbs.pediy.com/showthread.PHP?t=97629 -------------- ...

  3. iOS网络高级编程:iPhone和iPad的企业应用开发(书籍学习)

    作者:Jack Cox.Nathan Jones.John Szumski 译者:张龙  勘误  前言  第 I 部分 理解iOS与企业网络 这一部分从高层次概览了iOS网络以及针对移动网络架构的最佳 ...

  4. 上传文件到linux服务器

    可以在SecureCRT下上传 先用使用命令下载一个文件:yum install lrzsz -y 然后在跳转到要保存的目录 最后,拖拽文件到secureCRT中即可

  5. LNAMP 中的PHP探针

    <?php /* ----------------本探针基于YaHei.net探针------------------- */ error_reporting(0); //抑制所有错误信息 @h ...

  6. leetcode[149]Max Points on a Line

    Given n points on a 2D plane, find the maximum number of points that lie on the same straight line. ...

  7. iOS 登陆之界面设置

    1.界面构成 1.1. 效果图 1.2. 元素 背景图 用户名的输入框 密码的输入框 登陆按钮 忘记密码 用户注册 第三方登陆 两个分割线

  8. WMWARE下/sbin/scsi_id 返回值为空

    [root@HE1 ~]# /sbin/scsi_id -g -u /dev/sdb 第一种是从VMWARE层面去解决,用文本编辑器修改vmx文件,在vmx文件中任意位置(通常在最后)添加如下行: d ...

  9. 在代码中控制UI界面

    虽然Android推荐使用XML布局文件来控制UI界面,但如果开发者愿意,Android允许开发者完全抛弃XML布局文件,完全在Java代码中控制UI界面. 实例:用编程的方式开发UI界面 packa ...

  10. spring mvc 注解示例

    springmvc.xml <?xml version="1.0" encoding="UTF-8"?> <beans xmlns=" ...