Home / Questions / 164943
Accepted
Pablo Lozano
Asked: 2020-05-17 08:36:49 +0800 CST 2020-05-17 08:36:49 +0800 CST

В чем разница между JSON и объектом?

  • 772

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

  • В чем разница между ними?
  • Является ли JSON объектом Javascript или чем-то другим?
javascript

2 Answers

  1. Best Answer

    Я предполагаю, что у читателя есть некоторые базовые знания Javascript:

    //así declaramos un objeto básico en Javascript
let objeto={ atributo: 'valor'}

    Они не одинаковы

    JSON — это аббревиатура от JavaScript Object Notation , это облегченный текстовый формат для обмена данными. Что это значит? Хорошо, если мы видим следующий текст

    <lista-nodos>
  <nodo id="1">texto1</nodo>
  <nodo id="3">texto2</nodo>
  <nodo id="5">texto1</nodo>
</lista-nodos>

    Каждому программисту понятно, что это текст в формате XML . Что ж, JSON — это не что иное, как другой формат, но с той же функцией. Эквивалентом этого XML может быть что-то вроде:

    [
  { "id": "1", "valor": "texto1"},
  { "id": "3", "valor": "texto2"},
  { "id": "5", "valor": "texto1"}
]

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

    const datos=[
  { id: "1", valor: "texto1"},
  { id: "3", valor: "texto2"},
  { id: "5", valor: "texto1"}
];

datos.forEach(dato=> console.log('elemento:',dato.id,dato.valor))
console.info("tipo de dato=", typeof(datos))

    Но JSON есть, и здесь я повторяюсь, текст :

    //esto es un texto en formato JSON
const datosJson=`[
  { "id": "1", "valor": "texto1"},
  { "id": "3", "valor": "texto2"},
  { "id": "5", "valor": "texto1"}
]`;

console.log(datosJson);
console.info("tipo de dato=", typeof(datosJson))

    Формат JSON несколько более строг, чем код Javascript:

    • Все значения типа string должны быть заключены в двойные кавычки, одинарные кавычки не допускаются.
    • Точно так же все ключи (имена атрибутов) должны быть заключены в двойные кавычки.
    • Он не поддерживает какие-либо комментарии (в отличие от XML, где мы можем использовать <!-- Comentarios-->)
    • Числовые значения должны быть в десятичной системе счисления, она не допускает ведущих нулей (которые могут подумать, что число находится в восьмеричной системе счисления).
    • Значения не поддерживаются undefined.

    И как нам преобразовать текст в управляемый объект? А как сделать обратную операцию?

    Используя следующие функции:

    • JSON.parse(<texto>)Он возвращает объект, созданный из строки в формате JSON.
    • JSON.stringify(obj)Возвращает строку в формате JSON с атрибутами объекта obj. Если objу него есть атрибуты, являющиеся функциями, они будут проигнорированы.

    //texto con formato inválido
const datosJson=`[
  { "id": "1", valor: "texto1"},
  { "id": "3", valor: "texto2"},
]`;
try {
  const datos=JSON.parse(datosJson);
} catch(error) {
  console.log('Falla porque las claves valor no está entre comillas')
}
const datosJson2=`[
  { "id": 1, "valor": "texto1"},
  { "id": 3, "valor": "texto2"},
  { "id": 5, "valor": "texto1"}
]`;
//transformamos a objeto
const d=JSON.parse(datosJson2);
console.log(d[0].id);

//añadimos un elemento
d.push({id:4,valor:'otro texto'});

//transformamos el objeto de nuevo a JSON
console.log(JSON.stringify(d));

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

    Два повседневных примера использования JSON:

    • AJAX: когда мы отправляем или получаем данные с сервера, информация обычно отправляется в виде простого текста, мы не можем отправить объект в виде двоичных данных, если язык, который их получает, не знает, как их интерпретировать (часто при запросе ресурсов из API третьих лиц, мы даже не знаем, какой язык программирования использовался).
    • Веб-хранилище: когда мы хотим сохранить данные в браузере пользователя, используя методы localStorageили , sessionStorageметоды setItemи getItemработают только с типом string, поэтому необходимо преобразовать объекты, которые мы хотим сохранить, в текст.
    • 82

  2. Я хотел бы дать более разговорный ответ, что-то, что вы могли бы привести в качестве примера не программисту или новичку.

    - Объект: ограничен кодом, инициализируется и работает с объектом во время выполнения программы. Объект будет отформатирован в соответствии с семантическими правилами соответствующего (объектно-ориентированного) языка, на котором написан код, в котором определены объекты.

    - JSON: это «файл», который используется для ввода-вывода, для инициализации или сохранения состояний или значений объекта, и, поскольку он является «стандартом», он имеет свои собственные определенные семантические правила. Эта стандартизация формата делает JSON совместимым с различными языками программирования.

    • 3