javascript对象的学习与总结

一.对象是javascript的基本数据类型,是一种复合值,是属性的容器,属性是由键值对组成的。

二.Js中对象分为:内置对象,宿主对象,自定义对象

三.对象的创建

(1)对象直接量:由若干个名/值对组成的映射表,是一个表达式,这个表达式的每次运算都创建并初始化一个新的对象。

例如:

var empty_oject={};定义没有任何属性的对象

var point={x:0,y:0};定义两个属性的对象

var stooge={

name:”xiyin”,

sex:”girl”,

“first-name”:”xi”

}

在对象自面量中,如果属性名是一个合法的javascript标示符且不是保留字,则可以不适用引号括住属性名,而上面的first-name是不合法的命名,所以。

(2)通过new创建对象:创建并初始化一个新对象,关键字new后面跟随一个函数(称为构造函数)调用。

例如:

var 0=new Object();//创建一个空对象, 与var 0={};等同

var a =new Array();//创建一个空数组,与  var a=[];等同

var d=new Date();//创建一个表示当前事件的Date对象

(3)Object.create(),ES5定义的,用来创建一个新对象,,第一参数,是这个对象的原型,第二个是可选的参数,用来对对象属性进行进一步的描述

Var o3=Object.create(Object.prototype);  与Var 0=new Object();//创建一个空对象, 与var 0={};等同

四.对象属性的查询(检索)和设置(更新),删除属性

(1)可以通过.号或者方括号【】,来获取属性的值

Object.property

Object[“property”]

(2)对象里的值可以通过赋值语句来更新,如果属性名已经存在于对象里,那么这个属性的值就会被替换,如果对象之前没有那个属性名,那么该属性就被扩充到对象中。

Stooge[“first-name”]=”yin”;

(3)delete运算符可以删除对象的属性 delete stooge[“first-name”],delete运算符只能删除自有属性,不能删除继承属性

五.检测属性:判断某个属性是否存在于某个对象中

(1)In运算符:左侧是属性名(字符串),右侧是对象,如果对象的自有属性,或者继承属性中包含这个属性,则返回true.

var o={x:1}

“x” in o //true

“y”in o //false

“toString” in o //true o继承toString属性

(2)对象的hasOwnProperty()方法用来检测给定的名字是否是对象的自有属性,对于继承属性它则返回false.

(3)propertyIsEnumerable(),只有检测到是自有属性且这个属性的可枚举性为true时,它才返回true

六.序列化对象

序列化对象是指对象的状态转换为字符串,也可将字符串还原为对象。

ES5提供了内置函数JSON.stringify()和JSON.parse()用来序列化和还原为javascript对象(JSON--javascript object notation javascript对象表示法)

七.对象方法

(1)toString()方法,没有参数,返回一个表示调用这个方法的对象值的字符串

时间: 2024-10-13 14:35:23

javascript对象的学习与总结的相关文章

JavaScript 对象深入学习总结

JavaScript 对象深入学习总结(1) http://developer.51cto.com/art/201509/492640.htm 2015-09-29 09:27 clearbug 字号:T | T JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不把对象学明白怎么继续往下学习呢? AD: JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不

JavaScript权威设计--JavaScript对象(简要学习笔记七)

1.with语句 语法: width(object){ statement } with语句可用于临时扩展作用域链.作用域链可以按序检索的对象列表,通过它可以进行变量名解析. with将object添加到作用域链的头部,然后执行内部statement,最后把作用域链回复到原始状态. 但是:with语句要尽量避免使用.有with代码的语句难以优化,且运行的更慢. 在对象嵌套跟多层次的时候通常会使用with来优化. 如: document.forms[0].address.value //-> wi

JavaScript权威设计--JavaScript对象(简要学习笔记八)

1.属性的特性 一个属性包含一个名字和4个特性.4个特性:值,可写性,可枚举性,可配置性 2.对象的三个属性 一:原型属性 要想检测一个对象是否是另一个对象的原型,使用isPrototypeOf()方法 如: var P={x=1}; //定义一个原型对象 var o=Object.create(p); //使用这个原型对象创建一个对象 p.isPrototypeOf(o) //true:o继承自p Object.isPrototypeOf(p) //true:p继承自Object.protot

Javascript创建对象的学习和使用

1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>javascript对象的学习</title> 5 </head> 6 <body> 7 <h1>1.使用JS创建person对象,里面有id,name,age,sex属性 ,有eat,run方法 (2种方法创建)</h1><hr> 8 <script lan

Ext JS学习第十天 Ext基础之 扩展原生的javascript对象(二)

此文来记录学习笔记: 今天继续说Ext.Array,Ext.Function,Ext.Date,Ext.Error ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Ext.Ar

Ext JS学习第九天 Ext基础之 扩展原生的javascript对象

此文来记录学习笔记: •Ext对于原生的javascript对象进行了一系列的扩展,我们把他们掌握好,更能深刻的体会Ext的架构,从而对我们的web开发更好的服务, 源码位置,我们可以从开发包的这个位置找到这几个扩展的js源码: •extjs-4.1.1\src\core\src\lang\ •ExtJS扩展原生Javascript –Ext.Object –Ext.Number –Ext.String –Ext.Array –Ext.Function –Ext.Date –Ext.Error

深入学习JavaScript对象

JavaScript中,除了五种原始类型(即数字,字符串,布尔值,null,undefined)之外的都是对象了,所以,不把对象学明白怎么继续往下学习呢? 一.概述 对象是一种复合值,它将很多值(原始值或其他对象)聚合在一起,可通过属性名访问这些值.而属性名可以是包含空字符串在内的任意字符串.JavaScript对象也可以称作一种数据结构,正如我们经常听说的“散列(hash)”.“散列表(hashtable)”.“字典(dictionary)”.“关联数组(associative array)”

JavaScript对象-学习笔记

JavaScript权威指南学习笔记,禁止转载! 5.对象 对象的属性是无序的,每个属性都有一个字符串key和值value, 数据属性的标签:writable.enumerable.configurable.value 访问器属性的标签:enumerable.configurable.get.set.get表示属性可读,set表示属性可写.属性前面有下划线表示只能通过对象方法get/set访问的属性,也就是访问器属性. (1)创建对象 1)字面量var obj={x:1,y:2}; 2)new:

重新学习js(1)——javascript对象

         之前曾经在慕课网学习过一段时间的javascript,不过学习的都是一些比较基础的知识,最近在w3c和菜鸟教程又重新学习了一遍javascript,属于在基础之上的延伸,收获颇多.         1.js Array对象 (1)Array对象属性 constructor :返回对创建此对象的数组函数的引用 length :设置或返回数组中元素的数目 prototype :可向对象添加属性和方法 (2)Array对象方法 concat(arrayX) 连接两个或多个数组返回新的