js中对象使用

简单记录javascript中对象的使用

一、创建对象

    //创建一个空对象
    var o={};
    //创建一个含有两个属性的对象,x、y
    var o2={x:12,y:‘12‘,name:‘JS‘};
    //此对象中的author属性的值还是一个对象
    var o3={x:12,author:{name:‘JS‘,age:23,address:‘china‘}};
    //创建一个空对象和{}一样
    var o4=new Object();
    //给对象增加name属性
    o4.name=‘JS‘

上面使用了两种方式创建对象,一种是字面量的方式,另一种是使用new创建对象,new后面的Object叫做构造函数。

二、对象的访问

从上面我们可以看到我们给对向o4增加了一个属性name,使用的是点号的方式,即对象名.属性名,这就是其中的一种访问方式。访问对象中的属性值有两种方式,第一种是使用点号(.),第二种是使用数组的方式(对象名[属性名])。

    //创建一个空对象
    var o={};
    //创建一个含有两个属性的对象,x、y
    var o2={x:12,y:‘12‘,name:‘JS‘};
    //此对象中的author属性的值还是一个对象
    var o3={x:12,author:{name:‘JS‘,age:23,address:‘china‘}};
    //创建一个空对象和{}一样
    var o4=new Object();
    //给对象增加name属性
    o4.name=‘JS‘
    /**访问对象的属性值
    */
    //1、使用点号的方式
    var x=o2.x;//12
    var authorOfName=o3.author.name;//JS
    var name=o4.name;//JS

    //2、使用数组的方式
    var x2=o2[‘x‘];//12
    var authorOfName2=o3[‘author‘][‘name‘];//JS
    var name2=o4[‘name‘];//JS

使用点号的方式来访问对象中的属性值比较好理解,但是使用数组的方式,不是太好理解,在javascript中,所有的对象都是关联数组,所谓关联数据就是这种方式看起来像是数组的访问方式,只不过这种方式不是使用的索引而是字符串索引,为此叫做关联数组。

上面访问对象属性值都是在知道对象属性名的情况,如果不知道对象的属性值呢?可以使用for/in循环遍历对象中的值,

    //创建一个含有两个属性的对象,x、y、name    var o2={x:12,y:‘12‘,name:‘JS‘};
    for(p in o2) {
        var property=p;
        var value=o2[p];
        console.log(property);
        console.log(value);
    }

打印结果为:

x
12
y
12
name
JS

可以看出一共有三个属性,且都打印了其值。

假如对象比较复杂可以加入一些判断,判断是否存在一个属性,那么如何判断一个对象是否包含了某个属性呢,由于对象都继承了Object,在Object中有hasOwnProperty()方法,用来判断对象中是否存在一个属性,返回值是布尔类型(boolean),注意此方法只会判断是否存在对象自己的属性,不会判断对象继承的属性。

    //创建一个含有两个属性的对象,x、y、name
    var o2={x:12,y:‘12‘,name:‘JS‘};
    var b=o2.hasOwnProperty(‘name‘)//true
    var b2=o2.hasOwnProperty(‘age‘)//false

三、新增、删除属性

在最开始我们给对象o4新增了一个name属性,新增的方式其实和给属性赋值是一样的,还可以使用关联数组的方式给对象增加属性,

    //创建一个含有两个属性的对象,x、y、name
    var o2={x:12,y:‘12‘,name:‘JS‘};
    //删除name属性
    delete o2.name;
    var b=o2.hasOwnProperty(‘name‘)//false
    //新增name属性
    o2[‘name‘]=‘javascript‘;
    //由于已经存在了name属性,这里是给name重新赋值
    o2.name=‘js‘;
    var b3=o2.hasOwnProperty(‘name‘);//true

上面,删除了对象o2的name属性,然后又使用关联数组的方式新增了name属性,接着使用点号的方式给name属性重新赋值。

四、对象和字符串之间的转化

在ECMAScript5中内置了对象和字符串之间的相互转化,现在大多数主流浏览器都支持ECMAScript5,如果不支持可以从网上下载json2.js类库,把此类库引入到文件中便可以使用。

对象和字符串之间的转化叫做对象序列化,即将对象的状态转化为字符串或者将字符串转化为对象,这些转化都使用JSON作为数据交换格式,JSON的全称是JavaScript Object Notation。

把对象转化为字符串使用JSON.stringify();把字符串转化为对象使用JSON.parse(),

    //定义一个对象
    var o={name:‘JavaScript‘,age:24};
    //此种方式在转化为对象是报错,必须使用下面的方式
    //var str="{name:‘JavaScript‘,age:24}";
    //正确的定义对象字符串
    var str=‘{"name":"JavaScript","age":24}‘;
    //把对象转化为字符串
    var str2=JSON.stringify(o);
    console.log(‘str2:‘+str2+‘,类型:‘+(typeof str2));//str2:{"name":"JavaScript","age":24},类型:string
    //把字符串转化为对象
    var o2=JSON.parse(str);
    console.log(‘o2:‘+o2+‘,类型:‘+(typeof o2));//o2:[object Object],类型:object

上面实现了对象和字符串之间的相互转化。

有不当之处,欢迎指出,谢谢!

时间: 2024-10-27 06:49:17

js中对象使用的相关文章

[转]JS中对象与字符串的互相转换

原文地址:http://www.cnblogs.com/luminji/p/3617160.html 在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候,碰到了问题: throw new SyntaxError('JSON.parse'); 查询资料,大概意思如下: JSON.parse方法在遇到不可解析的字符串时,会抛出SyntaxError异常. 即:JSON.parse(text, reviver),This method parses a JSON text t

原生 JS 中对象相关 API 合集

https://juejin.im/entry/58f8a705a0bb9f0065a4cb20 原文链接:https://microzz.com/2017/04/20/jsobject/ 原生 JavaScript 中对象相关 API 合集 - 对象篇.现在 jQuery 已经没有那么有优势了,原生 JS 赶紧学起来... -- 由microzz分享 Microzz [email protected] 主页 文章 标签 GitHub 关于我 掘金专栏 SegmentFault Vue音乐播放器

js中对象的浅拷贝和深拷贝的区别

js中对象的浅拷贝和深拷贝的区别 浅度拷贝:复制一层对象的属性,并不包括对象里面的为引用类型的数据,当改变拷贝的对象里面的引用类型时,源对象也会改变. 深度拷贝:重新开辟一个内存空间,需要递归拷贝对象里的引用,直到子属性都为基本类型.两个对象对应两个不同的地址,修改一个对象的属性,不会改变另一个对象的属性. 数据的类型: 一般数据(值传递):字符,数值,布尔,undefined 拷贝(复制)时,传递的是值,修改新数据,不会影响老数据 复杂数据(引用传递):对象 拷贝(复制)时,传递的是内存地址的

js中对象的复制,浅复制(浅拷贝)和深复制(深拷贝)

在js中,我们经常复制一个对象,复制数据,那么就会有人问了,怎么复制,今天鹏哥就带来js中的复制方法. JS中对象分为基本类型和复合(引用)类型,基本类型存放在栈内存,复合(引用)类型存放在堆内存. 堆内存用于存放由new创建的对象,栈内存存放一些基本类型的变量和对象的引用变量. 至于堆内存和栈内存的区别介绍,你们可以百度看看. 下面开始讲解复制: 这种只是简单的变量,内存小,我们直接复制不会发生引用. var a=123; var b=a; a=123456; alert(a); //1234

A.JS中对象的简单介绍

JS中的对象实际上是一个包含属性和方法的一个特殊的数据集合.调用的时候用(.)来进行调用.object.property;object.method.为了加深理解,我们设置一个person对象,他有age,sex属性:有sleep(),eat()方法.那么当我们要使用person对象时,首先,需要实例化一个对象,利用new关键字,比如: var bob = new person; 上面的语句就是实例化了一个person对象,bob.他有person对象的所有属性和方法.可以利用(.)来进行对属性

js 中对象的简单创建和继承

对象的简单创建 1.通过对象直接量创建 比如 var obj = {}; 2.通过new 创建 比如 var obj = new Object(); // 相当于var obj = {}; var arr = new Array(); 3.使用 Object.create() 这个方法有两个参数,第一个参数是这个对象的原型,第二个参数用以对对象的属性进行进一步描述(可选) var obj = Object.create({x:1}); var obj1 = Object.create(null)

js中对象的类型

js中的类型分为三种,"内部对象"."宿主对象"."自定义对象" 1."内部对象"有Date.Function.Array.Regexp.Number.Object.String.Math.Global.Boolean, 还有各种错误类对象,包括Error.EvalError.RangeError.ReferenceError.SyntaxError和TypeError. "Global"."Ma

js中对象的创建

json方式,构造函数方式,Object方式,属性的删除和对象的销毁 <html> <head> <title>js中的对象的创建</title> <script type="text/javascript"> // 用json方式创建对象,注意用冒号和逗号 var iphone5={ 'pinpai':'苹果', 'price':'5300元', 'color':'黑色', 'length':'15cm', 'msg':fu

JS中对象继承方式

JS对象继承方式 摘自<JavaScript的对象继承方式,有几种写法>,作者:peakedness 链接:https://my.oschina.net/u/3970421/blog/2872629 方式一:对象冒充 原理:构造函数使用this关键字给所有属性和方法赋值(即采用类声明的构造函数方式).因为构造函数只是一个函数,所以可使Parent构造函数称为Children的方法,然后调用它.Children会收到Parent的构造函数中定义的属性和方法. *** //父类构造函数 var P