Javascript对象和JSON对象之间有什么区别

时间:2011-06-27 07:26:47

标签: javascript json

有人能告诉我Javascript对象和JSON对象之间的区别吗?

5 个答案:

答案 0 :(得分:53)

Javascript 对象是Javascript中的数据类型 - 仅在Javascript中才有意义。通常你会看到像这样的Javascript 对象文字

var obj = {
    a: 1,
    b: 2
};

JSON 字符串是一种数据交换格式 - 它只不过是以特定方式格式化的一堆字符(为了让不同的程序相互通信)。因此,它可以存在于Javascript中,也可以存在于其他语言中,或者只是存储在数据库或文本文件中。

上面的Javascript对象可以用Javascript格式表示,如下所示:

var json = '{ "a": 1, "b": 2 }';

或者像C#这样:

string json = "{ \"a\": 1, \"b\": 2 }";

如您所见,JSON只是存储在字符串中。为了使它有用,可以解析字符串以生成任何语言的对象。因为JSON格式模仿Javascript的对象文字语法,所以Javascript使解析过程变得简单:

var obj = eval('(' + json + ')');

虽然通常你会看到:

var obj = JSON.parse(json); // for security reasons

请注意,JSON的限制在于它无法存储函数 - 它可以包含的唯一值是:

  • 对象(文字)
  • 阵列
  • 布尔值
  • 字符串
  • 空值

答案 1 :(得分:14)

JSON是javscript对象的文本表示。它实际上是javascript表示法中的对象文字(因此名称 - JavaScript Object Notation => JSON)。

如果要“比较”两个对象,请将文本转换为对象,然后比较键和值。

来自/来自文本的对象的一些示例:

// Create obj using an object literal
var obj = {key: 'value'};

// Convert to text using JSON.stringify
var text = JSON.stringify(obj);

// Show the value of text
alert( text ); // {"key":"value"}

// Create a new object from text
var newObj = JSON.parse(text); // javascript object

// Show the text version of newObj
alert(JSON.stringify(newObj));  // {"key":"value"}

// Use text as code
var newObj2 = eval('(' + text + ')');

// It is indeed a string literal
alert(JSON.stringify(newObj2));  // {"key":"value"}

如果要比较两个对象,将它们从JSON转换为对象(如果它们首先是JSON),则执行以下操作:

function compareObjects(a, b) {
  var i, p, aProps = [], bProps = [];

  // Simple test first
  if (a === b) {
    return true;
  }

  // Get properties of a
  for (p in a) {
    if (a.hasOwnProperty(p)) {
      aProps.push(p);
    } 
  }

  // Get properties of b
  for (p in b ) {
    if (b.hasOwnProperty(p)) {
      bProps.push(p);
    } 
  }

  // If don't have same properties, return false
  if (aProps.sort().join('') != bProps.sort().join('')) {
    return false;
  }

  // If property values aren't the same, return false
  i = aProps.length;
  while (i--) {
    if (a[aProps[i]] !== b[bProps[i]]) {
      return false;
    }
  }

  // If passed all tests, must be equal
  return true;
}

答案 2 :(得分:3)

JSON代表“JavaScript Object Notation”。基本上,JSON是Javascript,但仅限于用数据填充对象。通过执行JSON对象,您可以将数据“加载”到内存中 JavaScript是更大的图景,需要额外的代码行来操作对象或执行各种其他操作。

JSON示例就是这样:

{
    "glossary": {
        "title": "example glossary",
        "GlossDiv": {
            "title": "S",
            "GlossList": {
                "GlossEntry": {
                    "ID": "SGML",
                    "SortAs": "SGML",
                    "GlossTerm": "Standard Generalized Markup Language",
                    "Acronym": "SGML",
                    "Abbrev": "ISO 8879:1986",
                    "GlossDef": {
                        "para": "A meta-markup language, used to create markup languages such as DocBook.",
                        "GlossSeeAlso": ["GML", "XML"]
                    },
                    "GlossSee": "markup"
                }
            }
        }
    }
}

JavaScript示例如下:

var Glossary = {
    "glossary": {
        "title": "example glossary",
        "GlossDiv": {
            "title": "S",
            "GlossList": {
                "GlossEntry": {
                    "ID": "SGML",
                    "SortAs": "SGML",
                    "GlossTerm": "Standard Generalized Markup Language",
                    "Acronym": "SGML",
                    "Abbrev": "ISO 8879:1986",
                    "GlossDef": {
                        "para": "A meta-markup language, used to create markup languages such as DocBook.",
                        "GlossSeeAlso": ["GML", "XML"]
                    },
                    "GlossSee": "markup"
                }
            }
        }
    }
}

请注意JavaScript中的 var Glossary =

答案 3 :(得分:0)

首先,JavaScript就像面向对象编程中的任何其他Object一样。

正如RobG所说,JSON实际上是Javascript Notation中的对象文字。但不完全是。 根据Javascript书,它说这是一个使用Object Notation定义的对象:

var newObject = 
{     prop1 : true,     
showMessage : function (msg) {alert(msg)} 
}; 

根据JavaScript中的JSON,

JSON是JavaScript的对象文字符号的子集。

另外,您可能需要考虑查看此link

答案 4 :(得分:0)

var object = {
    name: "John",
    profession: "blogger"
};

alert(object.name);//John
alert(typeof(object));//Object
alert(object);//[object Object]


var json = JSON.stringify(object);

alert(json.name);//undefined
alert(typeof(json));//string
alert(json);//{"name":"John","profession":"blogger"}