JavaScript对象

最新推荐文章于 2024-08-02 17:46:30 发布

微风吹过李子树

最新推荐文章于 2024-08-02 17:46:30 发布

阅读量195

点赞数

分类专栏： JavaScript 文章标签： js javascript js对象

本文链接：https://blog.youkuaiyun.com/weixin_43171186/article/details/103599974

版权

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文深入解析JavaScript中的对象概念，包括对象的创建方式、属性访问、序列化及反序列化过程。通过具体实例，展示了如何使用字面量和new Object()创建对象，以及如何通过点语法和括号语法访问对象属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js中的对象
{}代表对象
键值对形式的内容
键值对之间使用,进行分隔
key:value
key和value内部都是字符串
如果key符合标识符的命名规范.’'可以省略
value可以为任意类型的数据
创建对象:
1.字面量的创建方式 {}
2.new Object()

		使用对象中的内容:
			对象.属性
			对象['属性名']--万能的				
		序列化
			序列化对象，将对象转为字符串
			JSON.stringify(object);
		反序列化
			反序列化，将一个Json字符串转换为对象
			JSON.parse(jsonStr);

<script>
    var obj={
				name : "张三",
				age : 35,
				gender : 0,  //0代表男  1代表女
				wife : true,
				sons : [
					{
						name: '一号',
						age : 6,
						gender : 0
					},{
						name: '二号',
						age : 1,
						gender : 0
					}
				],
				fn: function(){
					console.log("javase专家,数据库DBA");
				},
				o: null,
				"a+b": undefined
				
			};

                        console.log(obj);
			console.log(obj.name);
			var name='age';
			console.log(obj[name]);
			
			console.log(obj['a+b']);
			
			var obj2=new Object();
			console.log(obj2);
			obj2.name="三三";
			obj2['girl friend'] = null;
			console.log(obj2);			
			var obj3=Object.create(null);
			console.log(obj3);		
			
			var arr=obj.sons;
			console.log(arr[0].name);
			
			//序列化 js对象转为JSON格式字符串
			var str=JSON.stringify(arr[0]); 
			console.log(str);  //'{"name":"一号","age":6,"gender":0}''
			
			//反序列化 JSON格式字符串转为js对象
			var o=JSON.parse('{"name":"三号","age":-1,"gender":1}');
			console.log(o);
			
			//eval() 可以把参数字符串中的内容当做js语句执行
			eval("var s="+str);  //'var s={"name":"一号","age":6,"gender":0};'
			console.log(s);
		</script>