Javascript объект против JSON

Question

Javascript объект против JSON

Я хочу четко понять основные различия между объектом Javascript и строкой JSON.

Допустим, я создаю следующую переменную JS:

var testObject = {one: 1,"two":2,"three":3};

Q1. Допустимо ли имя ключа / свойства как с кавычками, так и без них? (например "one" : 1)

Если да, в чем разница?

Q2: если я конвертирую вышеупомянутый объект, используя JSON.stringify(testObject) Какая разница между исходным объектом JS и JSON?

Я чувствую, что они почти одинаковы. Пожалуйста, уточните это.

Q3: Для разбора строки JSON, рекомендуется ли метод ниже?

var javascriptObj = JSON.parse(jSonString);

250

javascript json

Источник

user485743 28 ноя '11 в 09:53

4 ответа

Решение

Q1: при определении литералов объекта в javascript ключи могут включать кавычки или нет. Нет никакой разницы, за исключением того, что в кавычках можно указывать определенные ключи, которые могут привести к тому, что интерпретатор не сможет выполнить синтаксический анализ, если вы попробуете их голыми Например, если вы хотите получить ключ, который был просто восклицательным знаком, вам понадобятся кавычки:

a = { "!": 1234 } // Valid
a = { !: 1234 } //  Syntax error

Однако в большинстве случаев вы можете опустить кавычки вокруг ключей литералов объекта.

Q2: JSON буквально является строковым представлением. Это просто строка. Итак, рассмотрим это:

var testObject = { hello: "world" }
var jSonString = JSON.stringify(testObject);

поскольку testObject это реальный объект, вы можете вызывать свойства для него и делать все остальное, что вы можете делать с объектами:

testObject.hello => "world"

С другой стороны, jsonString это просто строка:

jsonString.hello => undefined

Обратите внимание на еще одно отличие: в JSON все ключи должны быть заключены в кавычки. Это контрастирует с литералами объекта, где кавычки обычно могут быть опущены согласно моему объяснению в Q1.

Q3. Вы можете проанализировать строку JSON, используя JSON.parseи, как правило, это лучший способ сделать это (если браузер или фреймворк предоставляют его). Вы также можете просто использовать eval поскольку JSON является допустимым кодом javascript, но первый метод рекомендуется по ряду причин (с eval связано много неприятных проблем).

32

Источник

user480943 28 ноя '11 в 10:03

Проблемы, решаемые с помощью JSON

Допустим, вы хотите обмениваться обычными объектами JavaScript между двумя компьютерами, и вы установили два правила:

Переданные данные должны быть обычной строкой.
Можно обмениваться только атрибутами, методы не передаются.

Теперь вы создаете два объекта на первом хосте:

var obj1 = { one: 1,"two":2,"three":3 }; // your example
var obj2 = { one: obj1.one, two: 2, three: obj1.one + obj1.two };

Как вы можете преобразовать эти объекты в строки для передачи на второй хост?

Для первого объекта вы можете отправить полученную строку из буквального определения '{ one: 1,"two":2,"three":3 }', но на самом деле вы не можете прочитать литерал в части скрипта документа (по крайней мере, не легко). Так obj1 а также obj2 должен быть обработан таким же образом.
Вам нужно перечислить все атрибуты и их значения и построить строку, аналогичную литералу объекта.

JSON был создан как решение только что обсужденных потребностей: это набор правил для создания строки, эквивалентной объекту, путем перечисления всех атрибутов и значений (методы игнорируются).

JSON нормализует использование двойных кавычек для имен и значений атрибутов.

Помните, что JSON- это только набор правил (стандарт).

Сколько объектов JSON создано?

Только один, он автоматически создается движком JS.

Современные механизмы JavaScript, найденные в браузерах, имеют собственный объект, также называемый JSON. Этот объект JSON может:

Декодируйте строку, построенную с использованием стандарта JSON, используя JSON.parse (string). Результатом является обычный объект JS с атрибутами и значениями, найденными в строке JSON.
Кодировать атрибуты / значения обычного объекта JS, используя JSON.stringify(). В результате получается строка, соответствующая набору правил JSON.

(Единственный) объект JSON похож на кодек, его функция заключается в кодировании и декодировании.

Обратите внимание, что:

JSON.parse() не создает объект JSON, он создает обычный объект JS, нет разницы между объектом, созданным с использованием литерала объекта, и объектом, созданным с помощью JSON.parse() из строки, совместимой с JSON.
Существует только один объект JSON, который используется для всех преобразований.

Возвращаясь к вопросам:

Q1: использование одинарных двойных кавычек разрешено для литералов объекта. Обратите внимание, что кавычки используются необязательно для имен атрибутов и являются обязательными для строковых значений. Сам литерал объекта не заключен в кавычки.
Q2: Объекты, созданные из литералов и использующие JSON.parse(), абсолютно одинаковы. Эти два объекта эквивалентны после создания:
var obj1 = { one: 1, "two": 2, "three": 3 };
var obj2 = JSON.parse('{ "one": "1", "two": "2", "three": "3" }');
Q3: в современных браузерах JSON.parse() используется для создания объекта JS из JSON-совместимой строки. (jQuery также имеет эквивалентный метод, который можно использовать для всех браузеров).

9

Источник

user774575 01 июн '15 в 00:24

Q1 - в JS вам нужно использовать кавычки, только если ключ является зарезервированным словом или если в противном случае он был бы недопустимым токеном. В JSON вы ДОЛЖНЫ всегда использовать двойные кавычки в именах ключей.

Q2 - jsonString это сериализованная версия входного объекта...

Q3 - который может быть десериализован до идентичного объекта с использованием JSON.parse()

8

Источник

user6782 28 ноя '11 в 09:57

На вопрос уже выложены хорошие ответы, ниже я добавляю небольшой пример, который облегчит понимание объяснений, приведенных в предыдущих ответах. Скопируйте вставленный ниже фрагмент в вашу среду разработки для лучшего понимания и прокомментируйте строку, содержащую invalid_javascript_object_no_quotes объявление объекта, чтобы избежать ошибки времени компиляции.

// Valid JSON strings(Observe quotes)
valid_json = '{"key":"value"}'
valid_json_2 = '{"key 1":"value 1"}' // Observe the space(special character) in key - still valid


//Valid Javascript object
valid_javascript_object_no_quotes = {
    key: "value"  //No special character in key, hence it is valid without quotes for key
}


//Valid Javascript object
valid_javascript_object_quotes = {
    key:"value",  //No special character in key, hence it is valid without quotes for key
    "key 1": "value 1" // Space (special character) present in key, therefore key must be contained in double quotes  - Valid
}



console.log(typeof valid_json) // string
console.log(typeof valid_javascript_object_no_quotes) // object
console.log(typeof valid_javascript_object_quotes) // object

//Invalid Javascript object 
invalid_javascript_object_no_quotes = {
   key 1: "value"//Space (special character) present in key, since key is not enclosed with double quotes "Invalid Javascript Object"
}

2

Источник

user3214431 04 дек '18 в 10:20

Другие вопросы по тегам javascript json

user444991 28 ноя '11 в 09:57 2011-11-28 09:57 · Accepted Answer · 2011-11-28 09:57

Допустимо ли имя ключа / свойства как с кавычками, так и без них?
Единственный раз, когда вам нужно заключить ключ в кавычки при использовании нотации Object Literal, это когда ключ содержит специальный символ (if, :, - так далее). Стоит отметить, что ключ в JSON должен быть заключен в двойные кавычки.
Если я преобразую вышеупомянутый объект в JSON, используя var jSonString = JSON.stringify(testObject); Какая разница между 2 (JS obj и JSON)?
JSON - это формат обмена данными. Это стандарт, который описывает, как упорядоченные списки и неупорядоченные карты, логические строки и числа могут быть представлены в строке. Так же, как XML и YAML - это способ передачи структурированной информации между языками, JSON - то же самое. С другой стороны, объект JavaScript - это физический тип. Как и массив PHP, класс / структура C++, объект JavaScript является типом, внутренним для JavaScript.
Вот история. Представим, что вы купили мебель в магазине и хотите, чтобы она была доставлена. Однако на складе остается только модель дисплея, но вы соглашаетесь ее купить.
В магазине купленный комод - это живой объект:
```
var chestOfDrawers = {
    color: "red",
    numberOfDrawers: 4
}
```
Тем не менее, вы не можете отправить комод в сообщении, поэтому вы разбираете его (читай, строчите). Теперь это бесполезно с точки зрения мебели. Теперь это JSON. Это в форме плоской упаковки.
```
{"color":"red","numberOfDrawers":4}
```
Получив его, вы затем восстанавливаете комод (читай, разбирай). Теперь он снова в форме объекта.
Причина использования JSON/ XML и YAML состоит в том, чтобы обеспечить возможность передачи данных между языками программирования в формате, понятном для обоих участвующих языков; вы не можете дать PHP или C++ свой объект JavaScript напрямую; потому что каждый язык представляет объект по-разному под капотом. Однако, поскольку мы преобразовали объект в нотацию JSON; то есть стандартизированный способ представления данных, мы можем передать представление объекта в формате JSON другому языку (C++, PHP), они могут воссоздать объект JavaScript, который у нас был, в свой собственный объект на основе представления объекта в формате JSON.
Важно отметить, что JSON не может представлять функции или даты. Если вы попытаетесь структурировать объект с помощью члена функции, функция будет исключена из представления JSON. Дата будет преобразована в строку;
```
JSON.stringify({
    foo: new Date(),
    blah: function () { 
        alert('hello');
    }
}); // returns the string "{"foo":"2011-11-28T10:21:33.939Z"}"
```
Для анализа строки JSON рекомендуется ли метод ниже? var javascriptObj = JSON.parse(jSonString);
Да, но старые браузеры не поддерживают JSON изначально (IE <8). Чтобы поддержать это, вы должны включить json2.js,
Если вы используете JQuery, вы можете позвонить jQuery.parseJSON(), который будет использовать JSON.parse() под капотом, если он поддерживается и в противном случае будет выполнен возврат к пользовательской реализации для анализа ввода.