JavaScript内置对象-Object
▓▓▓▓▓▓ 大致介绍
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的更多相关文章
- javascript 内置对象及常见API
javascript 内置对象及常见API 2012-09-02 15:17 571人阅读 评论(0) 收藏 举报 javascript正则表达式文档浏览器urlstring Javascript内置 ...
- JavaScript高级:JavaScript面向对象,JavaScript内置对象,JavaScript BOM,JavaScript封装
知识点梳理 课堂讲义 1.JavaScript面向对象 1.1.面向对象介绍 在 Java 中我们学习过面向对象,核心思想是万物皆对象. 在 JavaScript 中同样也有面向对象.思想类似. 1. ...
- document和javaScript内置对象
1.Document 属性: referrer //返回载入当前文档的URL URL //返回当前文档的URL 方法: getElementById(); //根据id获取html元素对象 getEl ...
- JavaScript进阶 - 第7章 JavaScript内置对象
第7章 JavaScript内置对象 7-1 什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的, ...
- JavaScript内置对象与原型继承
(一) 理解JavaScript类定义 1>关于内置对象理解 console.log(Date.prototype.__proto__===Object.prototype //tru ...
- JavaScript内置对象与原生对象【转】
原文:https://segmentfault.com/a/1190000002634958 内置对象与原生对象 内置(Build-in)对象与原生(Naitve)对象的区别在于:前者总是在引擎初始化 ...
- 第五天:内置对象(7.Javascript内置对象)
1)中所术是内置对象,2)中为自定义对象 代码说明如下 2.1.1 定义并创建对象实例方式1,代码如下: <!DOCTYPE html><html lang="en&quo ...
- Javascript 笔记与总结(2-4)Javascript 内置对象
① String 字符串对象 fromCharCode() 静态方法, 用作为参数而传递的字符代码创建一个新的字符串. length 字符串的长度. charAt() 抽取字符串中指定位置的字符. c ...
- javascript 内置对象 第17节
<html> <head> <title>内置对象</title> </head> <body> <div>内置对象 ...
随机推荐
- IOS开发-UI学习-使用代码创建button
使用代码创建button分5个步骤,分别是: 1.定义一个按钮,根据定义位置不同可定义为局部变量或者全局变量: 2.初始化按钮,一般使用一个矩形初始化: 3.设置按钮控件的其他属性,如背景图片,或者背 ...
- UVa 136 - Ugly Numbers
题目大意:只有素因子2,3,5的数叫做丑数.输出第1500个丑数即可. 这个...好吧,直接输出就是了.自己写一个小程序先计算一下,这就是黑盒测试的好处啊,“我们的目标是解决问题,而不是为了写程序而写 ...
- IOS Cell 重影
效果:重影 原因: 多次创建控件元素 解决:在initWithStyle中进行初始化元素
- 二叉树最大路径和-Binary Tree Maximum Path Sum
Given a binary tree, find the maximum path sum. For this problem, a path is defined as any sequence ...
- --@angularJS--指令与控制器之间较复杂的交互demo2
1.index.html: <!DOCTYPE HTML><html ng-app="app"><head> <title>c ...
- 决策树ID3算法
决策树 (Decision Tree)是在已知各种情况发生概率的基础上,通过构成 决策树 来求取净现值的期望值大于等于零的概率,评价项目风险,判断其可行性的决策分析方法,是直观运用概率分析的一种图解法 ...
- 表单验证--通过原生js模仿ajax的异步交互
今天给大家带来个福利,我也是刚刚学习的很实用的一个东西,通过原生js模仿ajax的异步交互. 我的博客只是给那些新手看的大神勿喷,写的不好可留言,请指出. 因为当初自己学的时候一个问题不会找人问,知道 ...
- CodeForces 446B
DZY Loves Modification time limit per test 2 seconds memory limit per test 256 megabytes input stand ...
- 分享一些免费的MD5解密网站
最近下载了几个mdb文件,里面几万条md5和几千条sha512(居然还有站长用512直接放在库中的,尼玛多占空间啊),我用C#写了个工具暴 力了一小部分,大概不到3%吧, 花了我两天,电脑卡得要死,效 ...
- 在VMWare虚拟机中安装Ubuntu 16.04.1 LTS
一.需要的准备 安装好VMWare虚拟机(傻瓜式安装,一直next就可以,请支持正版),将Ubuntu的系统镜像下载好,目前最新的LTS版本为16.04.1. 我把虚拟机和Ubuntu镜像传到了百度云 ...