JavaScript自定义对象
一、定义格式:
var 对象名 = {
属性名1:属性值1,
属性名2:属性值2,
属性名3:属性值3,
函数名称:function(形参列表){}
};
二、调用格式:
对象名.属性名;
对象名.函数名();
三、JSON-介绍
概念:JavaScript对象标记法
JSON是通过JavaScript对象标记法书写的文本
由于其语法简单,层次结构鲜明,现多用于作为数据载体,在网络中进行数据传输
四、JSON-基础语法
定义:
var 变量名 = '{"key1":value1,"key2",value2}'
示例
var userStr = '{"name":"Jerry","age":18,"addr":["北京","上海","西安"]}';
JSON字符串转为JS对象
var jsObject = JSON.parse(userStr);
JS对象转为JSON字符串
var jsonStr = JSON.stringify(jsObject);
value的数据类型为:
数字(整数或浮点数)
字符串(在双引号中)
逻辑值(true或false)
数组(在方括号中)
对象(在花括号中)
null
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS-对象-JSON</title>
</head>
<body>
<script>
/*
JavaScript自定义对象
定义格式:
var 对象名 = {
属性名1:属性值1,
属性名2:属性值2,
属性名3:属性值3,
函数名称:function(形参列表){}
};
调用格式:
对象名.属性名;
对象名.函数名();
JSON-介绍
概念:JavaScript对象标记法
JSON是通过JavaScript对象标记法书写的文本
由于其语法简单,层次结构鲜明,现多用于作为数据载体,在网络中进行数据传输
JSON-基础语法
定义:
var 变量名 = '{"key1":value1,"key2",value2}'
示例
var userStr = '{"name":"Jerry","age":18,"addr":["北京","上海","西安"]}';
JSON字符串转为JS对象
var jsObject = JSON.parse(userStr);
JS对象转为JSON字符串
var jsonStr = JSON.stringify(jsObject);
value的数据类型为:
数字(整数或浮点数)
字符串(在双引号中)
逻辑值(true或false)
数组(在方括号中)
对象(在花括号中)
null
*/
var user = {
name:"张三",
age:18,
gender:"male",
/* eat:function(){
alert("用膳");
} */
/* eat:() => {
alert("用膳");
} */
eat() {
alert("用膳");
}
};
/* alert(user.name);
alert(user.age);
alert(user.gender);
user.eat();
*/
var jsonStr = '{"name":"小白","age":18,"gender":"男","address":["北京","南京","上海"]}';
var jsObject = JSON.parse(jsonStr);
alert(jsObject.name);
alert(jsObject.age);
alert(jsObject.gender);
alert(jsObject.address);
var jsonString = JSON.stringify(jsObject);
alert(jsonString);
</script>
</body>
</html>