JS对象-JSON

一、JavaScript自定义对象
1、定义格式
var 对象名={
属性名key1：属性值value1，
属性名key2：属性值value2，
属性名key3：属性值value3，
函数名称：function（形象列表）{}
}

var user={
name:"Tom",
age:20,
gender:"male",
eat:function(){
alert("用膳~")；
}
}

2、调用格式：
对象名.属性名；
对象名.函数名（）
console.log(user.name);
user.eat();

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=>, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
       //自定义对象
       var user = {
        name:"Tom",
        age:10,
        gender:"male",
        eat:function(){
            alert("用膳");
        } //eat方法，由于eat是方法，所以用function
        /* 关于方法的定义可以简化：直接省略掉：function
        eat(){
            alert("用膳"); }*/
       }
       alert(user.name);//获得user的name属性:Tom
       user.eat();//由于eat方法中本身就有alert弹出一个警告框，所以直接调用即可
    </script>
</body>
</html>

3、JSON:JavaScriptObjectNotation,JavaScript对象标记法，JSON是通过JS对象标记法书写的文本。
由于其语法简单，层次结构鲜明，现在多用于作为数据载体，在网络中进行数据传输，比如前端和后端可=可以通过JOSN进行数据的传输
4、JSON的基本语法
①定义
var 变量名 ='{"key1":value1,"key2":value2}';
var userStr = '{"name":"Jerry","age":18,"addr":["北京"，"上海"，"西安"]}'
②JSON字符串转为JS对象
var jsonject = Json.parse(userStr);
③JS对象转为JSON字符串
var jsonStr = Json.Stringify(jsObject);

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=>, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
      //key属性名字必须要用双引号框起来
      //定义JS0N
      var jsonstr = '{"name":"Tom","age":18,"addr":["北京","上海","西安"]}';
      alert(jsonstr.name);
      //将Jason格式的字符串转换为JS对象
      var obj =JSON.parse(jsonstr);
      alert(obj.name);
      //JS对象转换为JSON字符串
      alert(JSON.stringify(obj));
    </script>
</body>
</html>
posted @ 2025-05-09 22:35  琬六岁  阅读(3)  评论(0)    收藏  举报