Как быстро приступить к работе с VUE3.0: Начало обучения
Рекомендации по теме: Учебное пособие по JavaScript
1.Задача для этого уровня: Попрактиковаться в определении объектов JSON в JavaScript.
Конкретные требования заключаются в следующем:
определить объект JSON JSONObject, который имеет три атрибута: key1, key2 и key3, значениями которых являются параметры a, b и c соответственно,
удалить атрибут с именем key3
после завершения удаления
все остальные атрибуты, возвращает строку, сформированную путем объединения значений каждого атрибута, разделенных посередине.
Поскольку для передачи данных используется JSON, для хранения данных требуется определенный формат данных. Форматы данных для JSON включают объекты JSON, массив JSON и строку JSON.
Объект JSON (обычно называемый JSON) — это формат обмена文本数据
используемый для хранения и передачи данных. Пример следующий:
{"name":"Jerry", "age":15}
Это простой объект json. Его правила:
键/值对
;JSON основан на синтаксисе JavaScript, поэтому в JSON также существует концепция объектов, но есть некоторые небольшие отличия от объектов в JavaScript.
var myObject = { идентификатор: 1, имя: «Питер Брюс», "имя":"Брюс", дисплей: функция() { console.log(это.имя); }}
{"id":1,"name":"Питер Брюс","first name":"Брюс"}
(1) Имя атрибута (ключ) объекта JSON
должно быть заключено в двойные кавычки , а объект JavaScript является произвольным, за исключением того, что имя атрибута с пробелами и имя атрибута с дефисом в середине должны быть заключены в двойные кавычки;
(2) Методы не могут быть определены в объектах JSON , но их можно определить в JavaScript对象
;
(3) Объекты JSON могут работать на многих языках, тогда как объекты JavaScript могут распознаваться только самим JS .
заключается в следующем {}
внутри находятся пары ключ-значение, состоящие из нескольких имен атрибутов и значений атрибутов. Пары ключ-значение разделены, а имена атрибутов и значения атрибутов. разделяются атрибутом :
Значение может быть любым из следующих типов данных: число, строка, массив JSON, объект JSON, ноль. Например:
{"a":1,"b":2.12,"c":true,"d":"string","e":null}
Ситуация, когда значением атрибута является массив JSON или объект JSON. будет немного сложнее. Уровни будут представлены.
Любой язык, поддерживающий JSON, может использовать объекты JSON. Здесь мы только покажем, как использовать объекты JSON в JavaScript.
var jsonObject = {"name":"js","number":2};
.
или []
:console.log(jsonObject.name); //Чтение атрибутов и вывод jsconsole.log(jsonObject["name"]); //Чтение свойств и вывод jsjsonObject.name = "javascript"; //Запись атрибутов, присвоение значения атрибуту name и использование JavaScript
var jsonObject = {"name":"js","number":2}; удалить jsonObject.name; //Удаляем атрибут name
var jsonObject = {"name":"js","number":2};for(att in jsonObject) { console.log(jsonObject[att]); //Вывод js, 2}
function mainJs(a,b,c) { //Пожалуйста, напишите здесь код /********** Начало **********/ вар JSONObject = {"key1":a, "key2":b, "key3":c}; удалить JSONObject.key3; вернуть a+","+b; /********** Конец ************/}2.
. Задача этого уровня: определение и управление значениями в парах ключ-значение JSON.
Конкретные требования заключаются в следующем:
Например:
{"country":"China","population":"1,3billion. ","bigCity":[ "Пекин", "Шанхай", "Шэньчжэнь", "Гонконг"]}
Атрибут bigCity имеет несколько значений, которые помещаются в массив.
В приведенном выше примере каждый элемент массива представляет собой строку. Фактически, каждый элемент массива также может быть другим json-объектом . Например:
{"class":"3 класс 1 класс","studentNumber":70,"score":[ {"name":"LiMing", "score":128}, {"name":"ЧжанХуа", "оценка": 134}, {"name":"ShenLu","score":112}]}
Значение атрибута Оценка выше представляет собой массив, и каждый элемент этого массива является объектом JSON.
var myJson = {"country":"Китай","population":"1.3billion","bigCity":["Пекин","Шанхай","Шэньчжэнь","Гонконг" "] }console.log(myJson.bigCity[1]); //Распечатываем ShanghaimyJson.bigCity[0] = "Гуанчжоу"; //Первому элементу присваивается значение
var myJson = {"country":"Китай","population":"1.3billion","bigCity":["Пекин","Шанхай","Шэньчжэнь", "Гонконг"]}for(var i = 0;i <myJson.bigCity.length;i++) {console.log(myJson.bigCity[i]);//Последовательно выводим
Пекина, Шанхая, Шэньчжэня, Гонконга
[Первый метод был написан позже, а второй метод ниже использовался в начале, потому что в то время Если я не могу этого сделать, я просто хочу вывести это напрямую]
var myJson = { "category":"компьютер", "detail":"программирование", "язык":[ «js», «java», «php», «python», «c» ]}function mainJs(a) { а = parseInt(а); //Пожалуйста, напишите здесь код /********** Начало **********/ вар б = ""; for(var i=0;i<a;i++){ b = b+myJson.language[i]+","; } вернуть b.slice(0,-1); /********** Конец **********/}
var myJson = { "category":"компьютер", "detail":"программирование", "язык":[ «js», «java», «php», «python», «c» ]}function mainJs(a) { а = parseInt(а); //Пожалуйста, напишите здесь код /********** Начало **********/ если(а==1){ вернуть myJson.language[0]; } если(а==2){ return myJson.language[0]+","+myJson.language[1]; } если(а==3){ return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]; } если(а==4){ return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]+","+myJson.language[3]; } если(а==5){ return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]+","+myJson.language[3]+","+myJson.language[4 ]; } /********** Конец ************/
Задача. Попрактикуйтесь в преобразовании строк JSON и объектов JavaScript друг в друга.
Конкретные требования заключаются в следующем:
во внешний интерфейс. JSON можно использовать для передачи данных в фоновый режим и обратно, но на самом деле передается строка JSON, а объекты JSON не могут быть переданы напрямую.
Строка JSON — это строка, образованная путем добавления символа '
с обеих сторон объекта JSON, например:
var JSONObject = {"k1":"v1","k2":"v2"}; //Объект JSON var JSONString1 = '{"k1":"v1","k2":"v2"}'; //
JSONSring1 над строкой JSON — это строка JSON, которую можно напрямую передавать из внешнего интерфейса во внешний или из внутреннего интерфейса во внешний интерфейс.
Когда JavaScript получает строку JSON, переданную из фона, как превратить ее в объект JSON для упрощения обработки?
Метод JSON.parse(a,b)
преобразует строку JSON a в объект JavaScript. b — необязательный параметр функции.
var JSONString1 = '{"k1":"v1","k2":"v2"}';console.log(JSON.parse(JSONString1)); //Выходной объект {k1: "v1", k2: "v2"}
Параметр функции b действует на все свойства объекта в порядке从里到外
, а последний действует на сам объект:
//Каждое свойство объекта object Добавьте 1 к значению var text = '{ "key1":1, "key2":2, "key3":2.2}';var obj = JSON.parse(text, function (key, value) { if(key === '')//При встрече с самим объектом возвращаем значение без добавления 1; return value+1;//Добавляем 1 к значению атрибута});console.log(obj); //Выходной объект {ключ1: 2, ключ2: 3, ключ3: 3.2}
Как показано выше, функция имеет два параметра, где ключ представляет имя атрибута, а значение представляет значение самого атрибута. key Значение равно ''
и представляет собой пустую строку.
JSON.stringify(a,b,c)
, a — это объект JSON, который нужно преобразовать, b и c — необязательные параметры.
вар JSONObject = {"k1":"v1","k2":"v2"}; JSON.stringify(JSONObject); //Преобразование объекта JSON в строку JSON
. Если параметр b является функцией, функция обрабатывает каждый атрибут объекта JSON по порядку изнутри наружу. Последним обрабатывается сам объект JSON. После обработки он преобразуется. в строку JSON. :
//Добавляем 1 ко всем значениям атрибутов объекта, а затем преобразуем их в строки var JSONObject = {"k1":1,"k2":2.2};var JSONString = JSON.stringify( JSONObject, функция (к, v) { if(k === '')//Сам объект JSON обрабатывается return v; return v+1;//Добавляем 1 к значению всех атрибутов});console.log(JSONString); //Вывод {"k1":2,"k2":3.2}
Параметр b также может быть массивом. Массив хранит имя атрибута и используется для указания того, какие атрибуты только преобразуются:
//Преобразовать определенные атрибуты в. объект var JSONObject = {"k1":1, "k2":2.2, "k3":3};var JSONString = JSON.stringify(JSONObject,["k1","k2"]);console.log(JSONString) ; //Вывод {"k1":1,"k2":2.2}
Вот краткое введение в c:
var str = ["name":"Tom","age":16];var obj1 = JSON.stringify( ул) ; вар obj2 = JSON.stringify(str,null,4);console.log(obj1); //Вывод {"name":"Том","age":16}console.log(obj2); //выход//{ // "имя": "Том", // "возраст": 16 //}
Параметр c: добавьте к тексту отступ, пробелы и символы новой строки . Если c — число, текст возвращаемого значения имеет отступ на указанное количество пробелов на каждом уровне. Если c больше 10, текст имеет отступ на 10 пробелов.
var JSONString = '{"key1":"value1","key2":"value2"}';function mainJs(a) { //Пожалуйста, напишите здесь код /********** Начало **********/ вар JSONObject = JSON.parse(JSONString); JSONObject["ключ1"] = а; JSONObject.key1 = а; вернуть JSON.stringify(JSONObject); /********** Конец ************/}
Сопутствующие рекомендации: Учебное пособие по изучению JavaScript
Выше представлено подробное содержимое JSON (совместное использование сводки) для изучения и понимания JavaScript. Для получения дополнительной информации, пожалуйста, обратите внимание на другие статьи по теме php на китайском сайте!