Как преобразовать текст JSON в объект JavaScript ?

JSON (обозначение объектов JavaScript)-это легкий формат обмена данными. Как следует из его названия, JSON является производным от языка программирования JavaScript, но он доступен для использования многими языками, включая Python, Ruby, PHP и Java, и, следовательно, его можно назвать независимым от языка. Для людей это легко читать и писать, а для машин это легко анализировать и генерировать. Это очень полезно для хранения и обмена данными.

Объект JSON — это формат данных «ключ-значение», который обычно отображается в фигурных скобках. Объект JSON состоит из фигурных скобок ( { } ) на обоих концах и имеет пары ключ-значение внутри фигурных скобок. Каждая пара ключ-значение внутри фигурных скобок разделена запятой (, ). Объект JSON выглядит примерно так :

{
 "key":"value",
 "key":"value",
 "key":"value",
}

Пример для объекта JSON :

{
 "rollno":101",
 "name":"Nikita",
 "age":21,
}

Преобразование текста JSON в объект Javascript: Текст/объект JSON может быть преобразован в объект Javascript с помощью функции JSON.parse().

Метод JSON.parse() в JavaScript используется для анализа строки JSON, которая записана в формате JSON и возвращает объект JavaScript.

Синтаксис:

JSON.parse(string, function)

Параметры: Этот метод принимает два параметра, как указано выше и описано ниже

string (строка): Это обязательный параметр, и он содержит строку, написанную в формате JSON.
function (функция): Это необязательный параметр, который используется для преобразования результатов. Функция, вызываемая для каждого элемента.

Пример:

<script>
	var obj = JSON.parse('{"rollno":101,
		"name": "Nikita", "age": 21}');
	document.write("Roll no is " + obj.rollno + "<br>");
	document.write("Name is " + obj.name + "<br>");
	document.write("Age is " + obj.age + "<br>");
</script>

Выход:

Roll no is 101
Name is Nikita
Age is 21

Пример 2:

<html>

<body>
	<h2>JavaScript JSON parse() Method</h2>
	<p id="Geek"></p>

</body>
<script>
	var obj = JSON.parse('{"var1":"Hello","var2":"Geeks!"}');
	document.getElementById("Geek").innerHTML
		= obj.var1 + " " + obj.var2;
</script>

</html>