Безпечне перетворення рядка JSON в об’єкт

З огляду на рядок даних JSON, як я можу безпечно перетворити цей рядок у об’єкт JavaScript?

Очевидно, що я можу зробити це небезпечно чимось на кшталт:

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

але це залишає мене вразливим до рядка JSON, що містить інший код, який здається дуже небезпечним просто зрівнятися.

JSON.parse(jsonString) це суто підхід JavaScript, якщо ви можете гарантувати досить сучасний браузер.

Метод jQuery тепер застарілий. Використовуйте цей метод замість цього:

let jsonObject = JSON.parse(jsonString);

Оригінальний відповідь за допомогою застарілого функціоналу jQuery :

Якщо ви використовуєте jQuery, просто використовуйте:

jQuery.parseJSON( jsonString );

Це саме те, що ви шукаєте (див. Документацію на jQuery ).

Ця відповідь призначена для IE <7, а сучасні браузери перевіряють відповідь Джонатана вище.

Ця відповідь застаріла, і відповідь Джонатана вище ( JSON.parse(jsonString)) тепер найкраща відповідь .

JSON.org має JSON-парсери для багатьох мов, включаючи чотири різні для JavaScript. Я вважаю, що більшість людей вважає json2.js їх реалізацією.

Використовуйте простий приклад коду в " JSON.parse () ":

var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';
var contact = JSON.parse(jsontext);

і повернути його назад:

var str = JSON.stringify(arr);

Я не впевнений у інших способах це зробити, але ось як це зробити у прототипі (підручник JSON) .

new Ajax.Request('/some_url', {
  method:'get',
  requestHeaders: {Accept: 'application/json'},
  onSuccess: function(transport){
    var json = transport.responseText.evalJSON(true);
  }
});

Виклик evalJSON()з істинним, як аргумент захищає вхідну рядок.

Здається, це питання:

Вхід, який надходить через веб-розетку Ajax і т. Д., Він буде у форматі String, але вам потрібно знати, чи є він JSON.parsable. Проблема полягає в тому, що якщо ви завжди запускаєте її JSON.parse, програма МОЖЕ продовжувати "успішно", але ви все одно побачите помилку, кинуту в консолі із страхом "Error: unexpected token 'x'".

var data;

try {
  data = JSON.parse(jqxhr.responseText);
} catch (_error) {}

data || (data = {
  message: 'Server error, please retry'
});

Якщо ви використовуєте jQuery , ви також можете використовувати:

$.getJSON(url, function(data) { });

Тоді ви можете робити такі речі

data.key1.something
data.key1.something_else

тощо.

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback
});

Зворотному виклику передаються повернуті дані, які будуть об’єктом або масивом JavaScript, як визначено структурою JSON, і аналізується за допомогою $.parseJSON()методу.

Для задоволення, ось спосіб використання функції:

 jsonObject = (new Function('return ' + jsonFormatData))()

Використання JSON.parse, мабуть, найкращий спосіб.

Ось приклад демо-версії .

var jsonRes = '{ "students" : [' +
          '{ "firstName":"Michel" , "lastName":"John" ,"age":18},' +
          '{ "firstName":"Richard" , "lastName":"Joe","age":20 },' +
          '{ "firstName":"James" , "lastName":"Henry","age":15 } ]}';
var studentObject = JSON.parse(jsonRes);

Найпростіший спосіб використання parse()методу:

var response = '{"result":true,"count":1}';
var JsonObject= JSON.parse(response);

Потім ви можете отримати значення елементів JSON, наприклад:

var myResponseResult = JsonObject.result;
var myResponseCount = JsonObject.count;

Використання jQuery, як описано в jQuery.parseJSON()документації:

JSON.parse(jsonString);

Спробуйте використовувати метод з цим об’єктом даних. колишній: Data='{result:true,count:1}'

try {
  eval('var obj=' + Data);
  console.log(obj.count);
}
catch(e) {
  console.log(e.message);
}

Цей метод справді допомагає в Nodejs, коли ви працюєте з програмуванням послідовних портів

Я знайшов "кращий" спосіб:

У програмі CoffeeScript:

try data = JSON.parse(jqxhr.responseText)
data ||= { message: 'Server error, please retry' }

У Javascript:

var data;

try {
  data = JSON.parse(jqxhr.responseText);
} catch (_error) {}

data || (data = {
  message: 'Server error, please retry'
});

Розбір JSON - це завжди біль. Якщо введення не так, як очікувалося, воно видасть помилку і збій того, що ви робите.

Ви можете використовувати наступну крихітну функцію, щоб безпечно проаналізувати дані. Він завжди перетворює об'єкт, навіть якщо введення недійсне або вже є об'єктом, що краще для більшості випадків:

JSON.safeParse = function (input, def) {
  // Convert null to empty object
  if (!input) {
    return def || {};
  } else if (Object.prototype.toString.call(input) === '[object Object]') {
    return input;
  }
  try {
    return JSON.parse(input);
  } catch (e) {
    return def || {};
  }
};

JSON.parse(jsonString);

json.parse зміниться в об’єкт.

Якщо у нас є такий рядок:

"{\"status\":1,\"token\":\"65b4352b2dfc4957a09add0ce5714059\"}"

тоді ми можемо просто JSON.parseдва рази використати для перетворення цього рядка в об'єкт JSON:

var sampleString = "{\"status\":1,\"token\":\"65b4352b2dfc4957a09add0ce5714059\"}"
var jsonString= JSON.parse(sampleString)
var jsonObject= JSON.parse(jsonString)

І ми можемо витягувати значення з об'єкта JSON, використовуючи:

// instead of last JSON.parse:
var { status, token } = JSON.parse(jsonString);

Результатом буде:

status = 1 and token = 65b4352b2dfc4957a09add0ce5714059

JSON.parse() перетворює будь-який рядок JSON, переданий у функцію, в об'єкт JSON.

Щоб краще зрозуміти, натисніть, F12щоб відкрити "Перевірити елемент" у своєму браузері та перейти до консолі, щоб написати наступні команди:

var response = '{"result":true,"count":1}'; //sample json object(string form)
JSON.parse(response); //converts passed string to JSON Object.

Тепер запустіть команду:

console.log(JSON.parse(response));

Ви отримаєте вихід у вигляді об'єкта {result: true, count: 1}.

Щоб використовувати цей Об'єкт, ви можете призначити його змінній, можливо obj:

var obj = JSON.parse(response);

За допомогою оператора objdot ( .) ви можете отримати доступ до властивостей об'єкта JSON.

Спробуйте запустити команду:

console.log(obj.result);

Офіційна документація :

JSON.parse()Метод аналізує рядок JSON, конструюючи значення JavaScript або об'єкт , описаний в рядку. Факультативна reviverфункція може бути надана для здійснення перетворення на отриманому об'єкті до його повернення.

Синтаксис:

JSON.parse(text[, reviver])

Параметри:

text : Рядок для розбору як JSON. Дивіться об’єкт JSON для опису синтаксису JSON.

reviver (optional) : Якщо функція, це визначає, як перетворюється значення, яке було створено за допомогою синтаксичного аналізу, перед поверненням.

Повернене значення

Об'єкт, що відповідає заданому тексту JSON.

Винятки

Викидає виняток SyntaxError, якщо рядок для розбору недійсний JSON.

Перетворення об'єкта в JSON та його розбір працює для мене, як:

JSON.parse(JSON.stringify(object))

Розбираємо рядок JSON JSON.parse(), і дані стають об’єктом JavaScript:

JSON.parse(jsonString)

Тут JSON представляє для обробки набору даних JSON.

Уявіть, що ми отримали цей текст з веб-сервера:

'{ "name":"John", "age":30, "city":"New York"}'

Для розбору об’єкта JSON:

var obj = JSON.parse('{ "name":"John", "age":30, "city":"New York"}'); 

Ось objвідповідний об’єкт JSON, який виглядає так:

{ "name":"John", "age":30, "city":"New York"}

Для отримання значення використовуйте .оператор:

obj.name // John
obj.age //30

Перетворити об’єкт JavaScript у рядок із JSON.stringify().

Просто до розбору обкладинки для різних типів введення

Розбирайте дані за допомогою JSON.parse (), і дані стають об’єктом JavaScript.

var obj = JSON.parse('{ "name":"John", "age":30, "city":"New York"}');

При використанні JSON.parse () для JSON, отриманого з масиву, метод поверне масив JavaScript замість об’єкта JavaScript.

var myArr = JSON.parse(this.responseText);
console.log(myArr[0]);

Об'єкти дати не допускаються в JSON. Для дат роблять щось подібне

var text = '{ "name":"John", "birth":"1986-12-14", "city":"New York"}';
var obj = JSON.parse(text);
obj.birth = new Date(obj.birth);

Функції заборонені в JSON. Якщо вам потрібно включити функцію, запишіть її як рядок.

var text = '{ "name":"John", "age":"function () {return 30;}", "city":"New York"}';
var obj = JSON.parse(text);
obj.age = eval("(" + obj.age + ")");

Питання старіше, я знаю, проте ніхто не помічає цього рішення за допомогою new Function()анонімної функції, яка повертає дані.

Просто приклад:

 var oData = 'test1:"This is my object",test2:"This is my object"';

 if( typeof oData !== 'object' )
  try {
   oData = (new Function('return {'+oData+'};'))();
  }
  catch(e) { oData=false; }

 if( typeof oData !== 'object' )
  { alert( 'Error in code' ); }
 else {
        alert( oData.test1 );
        alert( oData.test2 );
      }

Це трохи безпечніше, оскільки воно виконує всередині функції і не збирається у вашому коді безпосередньо. Отже, якщо всередині нього є декларація функції, вона не буде прив’язана до об'єкта вікна за замовчуванням.

Я використовую це для простого і швидкого "компілювання" параметрів конфігурації елементів DOM (наприклад, атрибутів даних).

Підсумок:

Javascript (і браузер, і NodeJS) мають вбудований JSONоб'єкт. На цьому Об'єкті є два зручні методи для поводження JSON. Вони такі:

1. JSON.parse() Вважається JSONаргументом, повертає об'єкт JS
2. JSON.stringify() Приймає об'єкт JS як аргумент, що повертає JSONоб'єкт

Інші програми:

Крім того, для дуже зручного поводження з JSONними їх можна використовувати і для інших засобів. Поєднання обох JSONметодів дозволяє нам дуже легко зробити глибокі клони з масивів чи об’єктів. Наприклад:

let arr1 = [1, 2, [3 ,4]];
let newArr = arr1.slice();

arr1[2][0] = 'changed'; 
console.log(newArr); // not a deep clone

let arr2 = [1, 2, [3 ,4]];
let newArrDeepclone = JSON.parse(JSON.stringify(arr2));

arr2[2][0] = 'changed'; 
console.log(newArrDeepclone); // A deep clone, values unchanged

Ви також можете використовувати reviverфункцію для фільтрації.

var data = JSON.parse(jsonString, function reviver(key, value) {
   //your code here to filter
});

Більше інформації читайте JSON.parse.

JSON.parse - це правильний спосіб перетворити рядок у об’єкт, але якщо рядка, що розбирається, не є об'єктом, або якщо рядок невірна, то вона видасть помилку, яка призведе до розбиття решти коду, так що ідеально підходить для функціонування JSON.parse всередині подібного пробного лову

try{
   let obj = JSON.parse(string);
}catch(err){
   console.log(err);
}

Спробуйте це. Цей варіант написаний в машинописі.

         export function safeJsonParse(str: string) {
               try {
                 return JSON.parse(str);
                   } catch (e) {
                 return str;
                 }
           }

/**
 * Safely turning a JSON string into an object
 *
 * @param {String} str - JSON String
 * @returns deserialized object, false if error
 */
export function jsonParse(str) {
  let data = null;
  try {
    data = JSON.parse(str);
  } catch (err) {
    return false;
  }
  return data;
}