javascript自定义对象之JSON方式

最新推荐文章于 2025-06-13 19:12:38 发布

Cage0315

最新推荐文章于 2025-06-13 19:12:38 发布

阅读量912

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript JSON

本文链接：https://blog.youkuaiyun.com/cage7181/article/details/89043501

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了JSON作为轻量级数据交换格式，如何在JavaScript中直接创建对象，无需构造函数和new关键字。通过示例展示了JSON对象的语法结构，强调了其简洁易读、体积小、传输速度快的优点。

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

JSON(javaScript Object Notation)是一种基于ECMAScript的轻量级数据交换格式，采用完全独立于语言的文本格式，能够以更加简单的方式来创建对象。
使用JSON方式无须构造函数和new关键字，直接创建所需的javaScript对象即可。
JSON对象是以"{"开始，以"}"结束，且属性与属性值成对出现，其语法格式如下。
【语法】
- ```
{
    //对象的属性部分
    propertyName:value,
    //对象的方法部分
    methodName:function(){...}
}
```
- 其中：
- JSON对象以"{"开始，以"}"结束；
- 属性名和属性值之间使用冒号(:)隔开，属性的类型可以是字符串，数值，日期，数组或自定义对象等类型；
- 方法部分是由方法名和匿名函数构成，并使用冒号(:)隔开；
- 属性或方法之间使用逗号(,)隔开，最后一项不需要逗号。
- 【示例】 JSON方式创建一个简单对象
- ```
//创建对象实例
var goods = {
    name:"男士衬衣",
    type:"男装",
    price:200,
    color:"白色",
    showInfo:function () {
        alert(this.name + this.type + this.price + this.color);
    },
    showColor:function () {
        alert(this.color)
    }
};
//方法的调用
goods.showInfo();
```
- 与XML数据格式相比，JSON数据格式具有简洁易读，数据的体积小，传输速度快等特点。JSON对象是一种轻量级的数据交换格式，是理想的数据交换格式。
- 上一篇：javascript自定义对象之混合方式