JSON para el aprendizaje y la comprensión de JavaScript (compartir resúmenes)

Cómo comenzar rápidamente con VUE3.0: Ingrese al aprendizaje

Recomendaciones relacionadas: Tutorial de JavaScript

Descripción de la tarea

de objetos JSON

Tarea para este nivel: Practique la definición de objetos JSON en JavaScript.

Los requisitos específicos son los siguientes:

• definir un objeto JSON JSONObject, que tiene tres atributos: clave1, clave2 y clave3, cuyos valores son los parámetros a, byc respectivamente,

• eliminar el atributo denominado clave3 y

• recorrerlo

;

• todos los atributos restantes devuelven una cadena formada al concatenar los valores de cada atributo, separados por, en el medio

Dado que JSON se usa para transmitir datos, el almacenamiento de datos requiere un determinado formato de datos de uso común . Los formatos de datos para JSON incluyen objetos JSON, matrices JSON y cadenas JSON.

¿Qué es un objeto JSON?

Un objeto JSON (comúnmente llamado JSON) es un formato de intercambio文本数据que se utiliza para almacenar y transmitir datos. Un ejemplo es el siguiente:

{"name":"Jerry", "age":15}

Este es un objeto json simple. Sus reglas son:

• los datos existen en forma de键/值对;
• los datos están separados por comas
• ; Indica guardar el objeto;
• los corchetes indican guardar la matriz.

La diferencia entre objetos JSON y objetos Javascript

JSON se basa en la sintaxis de JavaScript, por lo que también existe el concepto de objetos en JSON, pero existen algunas pequeñas diferencias con respecto a los objetos en JavaScript.

1. Defina un objeto JavaScript:

var myObject = {
    identificación: 1,
    nombre:"Peter Bruce",
    "nombre":"Bruce",
    pantalla: función() {
                console.log(este.nombre);
            }}

2. Defina un objeto JSON:

{"id":1,"name":"Peter Bruce","first name":"Bruce"}

3. Tres diferencias:

(1) El nombre del atributo (clave) del objeto JSON debe estar entre comillas dobles , mientras que el objeto JavaScript es arbitrario, excepto que el nombre del atributo con espacios y el nombre del atributo con un guión en el medio deben estar entre comillas dobles;
(2) Los métodos no se pueden definir en objetos JSON , pero se pueden definir en JavaScript对象;
(3) Los objetos JSON pueden ser operados por muchos lenguajes, mientras que los objetos JavaScript solo pueden ser reconocidos por el propio JS .

4. El método para definir un objeto JSON es el siguiente,

encerrado por un {} Dentro hay pares clave-valor compuestos por varios nombres de atributos y valores de atributos. Los pares clave-valor están separados por, y los nombres de atributos y valores de atributos. están separados por : atributo. El valor puede ser cualquiera de los siguientes tipos de datos: número, cadena, matriz JSON, objeto JSON, nulo. Por ejemplo:

{"a":1,"b":2.12,"c":true,"d":"string","e":null};

la situación cuando el valor del atributo es una matriz JSON o un objeto JSON Es un poco más complicado. Se introducirán los niveles.

Usar objetos JSON en JavaScript

Cualquier lenguaje que admita JSON puede usar objetos JSON. Aquí solo presentamos cómo usar objetos JSON en JavaScript.

• Defina un objeto JSON en JavaScript:

var jsonObject = {"name":"js","number":2};

• para operar atributos, use o [] .

console.log(jsonObject.name);
//Leer atributos y generar salida jsconsole.log(jsonObject["name"]);
//Leer propiedades y generar salida jsjsonObject.name = "javascript";
//Escribe atributos, asigna un valor al atributo de nombre y usa javascript

• para eliminar el atributo, usa eliminar:

var jsonObject = {"name":"js","number":2};
eliminar jsonObject.name;
//Elimina el atributo de nombre

• y recorre los atributos, usando un bucle for-in:

var jsonObject = {"name":"js","number":2};for(att in jsonObject) {
  console.log(jsonObject[att]);
  //Salida js, 2}

archivos de código

function mainJs(a,b,c) {
	//Por favor escriba el código aquí /********** Empezar **********/
    var JSONObject = {"clave1":a,"clave2":b,"clave3":c};
    eliminar JSONObject.key3;
    devolver a+","+b;
	/********** Fin *************/}

Descripción de la tarea

de matriz JSON

Tarea de este nivel: definir y manipular los valores en pares clave-valor JSON.

Los requisitos específicos son los siguientes:

• se sabe que el valor del tercer atributo de myJson es una matriz y el parámetro a es un número. Se requiere unir los primeros elementos a de la matriz (todos estos elementos son tipos de cadenas). ) y separe los elementos con Activado, devuelva la cadena concatenada,
• por ejemplo, cuando a es 2, debe devolver js, java.

El valor (valor) correspondiente al atributo JSON es una matriz.

• El valor (valor) en el par clave-valor JSON puede ser una matriz.

Por ejemplo:

{"país":"China","población":"1.300 millones. ","bigCity":[ "Peking", "Shanghai", "ShenZhen", "HongKong"]}

atributo bigCity tiene múltiples valores, que se colocan en una matriz.

En el ejemplo anterior, cada elemento de la matriz es una cadena. De hecho, cada elemento de la matriz también puede ser otro objeto json . Por ejemplo:

{"class":"Grado 3 Clase 1","studentNumber":70,"score":[
    {"nombre":"LiMing","puntuación":128},
    {"nombre":"ZhangHua","puntuación":134},
    {"name":"ShenLu","score":112}]}

El valor del atributo de puntuación anterior es una matriz, y cada elemento de esta matriz es un objeto json.

Algunas operaciones en los

1. elementos de lectura y escritura de la matriz:

var myJson = {"country":"China","population":"1.3billion","bigCity":["Pekín","Shanghai","ShenZhen","HongKong "] }console.log(myJson.bigCity[1]);
//Imprimir ShanghaimyJson.bigCity[0] = "GuangZhou";
//Al primer elemento se le asigna el valor

2. recorrido de GuangZhou:

var myJson = {"country":"China","population":"1.3billion","bigCity":["Pekín","Shanghai","ShenZhen", "Hong Kong"]}for(var i = 0;i < myJson.bigCity.length;i++) {
    

archivos de código

de Pekín, Shanghai, ShenZhen, HongKong}

[El primer método se escribió más tarde y el segundo método a continuación se usó al principio, porque en ese momento Si no puedo hacerlo, solo quiero generarlo directamente]

var myJson = {
    "categoría": "computadora",
    "detalle": "programación",
    "idioma":[
    "js","java","php","python","c"
    ]}función mainJs(a) {
    a = parseInt(a);
	//Por favor escriba el código aquí /********** Empezar **********/
    var b = "";
    para(var i=0;i<a;i++){
        b = b+myJson.idioma[i]+",";
    }
    devolver b.slice(0,-1);
	/********** Fin **********/}

var myJson = {
    "categoría": "computadora",
    "detalle": "programación",
    "idioma":[
    "js","java","php","python","c"
    ]}función mainJs(a) {
    a = parseInt(a);
	//Por favor escriba el código aquí /********** Empezar **********/
    si(a==1){
        devolver myJson.language[0];
    }
    si(a==2){
        return myJson.language[0]+","+myJson.language[1];
    }
    si(a==3){
        return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2];
    }
    si(a==4){
        return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]+","+myJson.language[3];
    }
    si(a==5){
        return myJson.language[0]+","+myJson.language[1]+","+myJson.language[2]+","+myJson.language[3]+","+myJson.language[4 ];
    }
	/********** Fin *************/}

Descripción de la tarea

de cadena JSON

Tarea: Practique la conversión de cadenas JSON y objetos JavaScript entre sí.

Los requisitos específicos son los siguientes:

1. primero convierta la cadena JSON JSONString en un objeto JavaScript JSONObject,
2. luego establezca el valor del atributo key1 de JSONObject en el parámetro a de la función mainJs()
3. y finalmente convierta el JSONObject en una cadena JSON
;
4. devolver la cadena

al front-end JSON se puede usar para transferir datos hacia y desde el fondo, pero lo que realmente se transfiere es una cadena JSON y los objetos JSON no se pueden transferir directamente.

Cadena JSON

La cadena JSON es una cadena formada poniendo ' en ambos lados del objeto JSON, como por ejemplo:

var JSONObject = {"k1":"v1","k2":"v2"};
//Objeto JSON var JSONString1 = '{"k1":"v1","k2":"v2"}';
//

JSONSring1 encima de la cadena JSON es la cadena JSON, que se puede pasar directamente desde el front-end al backend o desde el backend al front-end.

Cuando JavaScript recibe la cadena JSON transmitida desde segundo plano, ¿cómo convertirla en un objeto JSON para facilitar el procesamiento?

Cadena JSON a objeto JavaScript

JSON.parse(a,b) convierte la cadena JSON a en un objeto JavaScript. b es un parámetro de función opcional.

var JSONString1 = '{"k1":"v1","k2":"v2"}';console.log(JSON.parse(JSONString1));
//Objeto de salida {k1: "v1", k2: "v2"}

El parámetro de función b actúa sobre todas las propiedades del objeto en orden从里到外, y el último actúa sobre el objeto mismo:

//Cada propiedad del objeto Agregue 1 al valor var text = '{ "key1":1, "key2":2, "key3":2.2}';var obj = JSON.parse(text, function (key, value) {
    if(key === '')// Cuando encuentre el objeto en sí, devuelva el valor sin agregar 1;
    valor de retorno+1;//Agregue 1 al valor del atributo});console.log(obj);
    // Objeto de salida {key1: 2, key2: 3, key3: 3.2}

Como se muestra arriba, la función tiene dos parámetros, donde la clave representa el nombre del atributo y el valor representa el valor del atributo. clave El valor es '' , que es una cadena vacía.

Convierta un objeto JSON en una cadena JSON

JSON.stringify(a,b,c) , a es el objeto JSON que se va a convertir, b y c son parámetros opcionales.

var JSONObject = {"k1":"v1","k2":"v2"};
JSON.stringify(JSONObject);
// Convertir objeto JSON en cadena JSON

. Cuando el parámetro b es una función, la función procesa cada atributo del objeto JSON en orden desde adentro hacia afuera. El último procesado es el objeto JSON en sí. en una cadena JSON:

// Agregue 1 a todos los valores de atributos del objeto y luego conviértalos en cadenas var JSONObject = {"k1":1,"k2":2.2};var JSONString = JSON.stringify( JSONObjeto,función(k,v){
    if(k === '')//El objeto JSON en sí se procesa return v;
    return v+1;//Agregue 1 al valor de todos los atributos});console.log(JSONString);
    //Salida {"k1":2,"k2":3.2}

El parámetro b también puede ser una matriz. La matriz almacena el nombre del atributo y se usa para especificar qué atributos solo se convierten:

//Convierte atributos específicos en el. objeto var JSONObject = {"k1":1,"k2":2.2,"k3":3};var JSONString = JSON.stringify(JSONObject,["k1","k2"]);console.log(JSONString) ;
//Salida {"k1":1,"k2":2.2}

Aquí hay una breve introducción a c:

var str = ["name":"Tom","age":16];var obj1 = JSON.stringify( cadena);
var obj2 = JSON.stringify(str,null,4);console.log(obj1);  
//Salida {"name":"Tom","age":16}console.log(obj2); 
//producción//{
// "nombre": "Tomás",
// "edad": 16
//}

Parámetro c: agregue sangría, espacios y nuevas líneas al texto . Si c es un número, el texto del valor de retorno se sangra con el número especificado de espacios en cada nivel. Si c es mayor que 10, el texto se sangra con 10 espacios.

Archivo de código

var JSONString = '{"key1":"value1","key2":"value2"}';function mainJs(a) {
	//Por favor escriba el código aquí /********** Empezar **********/
    var JSONObject = JSON.parse(JSONString);
    JSONObject["clave1"] = a;
    JSONObject.key1 = a;
    devolver JSON.stringify(JSONObject);
	/********** Fin ************/}

Recomendaciones relacionadas: Tutorial de aprendizaje de JavaScript

Lo anterior es el contenido detallado de JSON (compartir resumen) para el aprendizaje y la comprensión de JavaScript. Para obtener más información, preste atención a php ¡Otros artículos relacionados en el sitio web chino!