Comment démarrer rapidement avec VUE3.0 : Entrez dans l'apprentissage
Recommandations associées : Tutoriel JavaScript
1.Tâche pour ce niveau : Entraînez-vous à définir des objets JSON en JavaScript.
Les exigences spécifiques sont les suivantes :
définir un objet JSON JSONObject, qui possède trois attributs : key1, key2 et key3, dont les valeurs sont respectivement les paramètres a, b et
c
; tous les attributs restants, renvoie une chaîne formée en concaténant les valeurs de chaque attribut, séparées par , au milieu.
Puisque JSON est utilisé pour transmettre des données, elles doivent d'abord être stockées dans un certain format de données couramment utilisé . les formats de données pour JSON incluent les objets JSON, le tableau JSON et la chaîne JSON.
Un objet JSON (communément appelé JSON) est un format d'échange文本数据utilisé pour stocker et transmettre des données. Un exemple est le suivant :
{"name":"Jerry", "age":15} Il s'agit d'un simple objet json. Ses règles sont :
键/值对;JSON est basé sur la syntaxe JavaScript, il existe donc également le concept d'objets dans JSON, mais il existe quelques petites différences par rapport aux objets en JavaScript.
var myObject = {
identifiant : 1,
nom:"Peter Bruce",
"prénom": "Bruce",
affichage:fonction() {
console.log(this.name);
}} {"id":1,"name":"Peter Bruce","first name":"Bruce"} (1) Le nom d'attribut (clé) de l'objet JSON doit être mis entre guillemets doubles , tandis que l'objet JavaScript est arbitraire, sauf que le nom d'attribut avec des espaces et le nom d'attribut avec un trait d'union au milieu doivent être mis entre guillemets doubles ;
(2) Les méthodes ne peuvent pas être définies dans les objets JSON , mais elles peuvent être définies dans JavaScript对象;
(3) Les objets JSON peuvent être exploités par de nombreux langages, tandis que les objets JavaScript ne peuvent être reconnus que par JS lui-même .
entourée d'un {} À l'intérieur se trouvent des paires clé-valeur composées de plusieurs noms d'attribut et valeurs d'attribut. Les paires clé-valeur sont séparées par, et les noms d'attribut et valeurs d'attribut. sont séparés par : attribut. La valeur peut être l'un des types de données suivants : nombre, chaîne, tableau JSON, objet JSON, null. Par exemple :
{"a":1,"b":2.12,"c":true,"d":string","e":null} ; La situation dans laquelle la valeur de l'attribut est un tableau JSON ou un objet JSON. est légèrement plus compliqué. Les niveaux seront introduits.
Tout langage prenant en charge JSON peut utiliser des objets JSON. Ici, nous présentons uniquement comment utiliser les objets JSON en JavaScript.
var jsonObject = {"name":"js","number":2}; [] .console.log(jsonObject.name); //Lire les attributs et afficher jsconsole.log(jsonObject["name"]); //Lire les propriétés et afficher jsjsonObject.name = "javascript"; //Écrivez les attributs, attribuez une valeur à l'attribut name et utilisez javascript
var jsonObject = {"name":"js","number":2};
supprimer jsonObject.name ;
//Supprimez l'attribut name var jsonObject = {"name":"js","number":2};for(att in jsonObject) {
console.log(jsonObject[att]);
//Sortie js, 2} la fonction séquence mainJs(a,b,c) {
//Veuillez écrire le code ici /********** Commencez **********/
var JSONObject = {"key1":a,"key2":b,"key3":c};
supprimez JSONObject.key3 ;
retourner a+","+b;
/********** Fin ***********/} Cette tâche de niveau : Définir et manipuler les valeurs dans les paires clé-valeur JSON.
Les exigences spécifiques sont les suivantes :
:
{"country": "Chine", "population": 1,3 milliard. ","bigCity":[ "Peking", "Shanghai", "ShenZhen", "HongKong"]} L'attribut bigCity a plusieurs valeurs, qui sont placées dans un tableau.
Dans l'exemple ci-dessus, chaque élément du tableau est une chaîne. En fait, chaque élément du tableau peut également être un autre objet json . Par exemple :
{"class": 3e année, classe 1, "studentNumber":70,"score":[
{"name": "LiMing", "score": 128},
{"name": "ZhangHua", "score": 134},
{"name": "ShenLu", "score": 112}]} La valeur de l'attribut score ci-dessus est un tableau, et chaque élément de ce tableau est un objet json.
var myJson = {"country":"China","population":"1.3billion","bigCity":["Peking","Shanghai","ShenZhen","HongKong "] }console.log(myJson.bigCity[1]);
//Imprimer ShanghaimyJson.bigCity[0] = "GuangZhou";
//Le premier élément reçoit la valeur Guangzhou var myJson = {"country":"China","population":"1.3billion","bigCity":["Peking","Shanghai","ShenZhen", "HongKong"]}for(var i = 0;i < myJson.bigCity.length;i++) {
console.log(myJson.bigCity[i]);//Output Peking, Shanghai, ShenZhen, HongKong} [La première méthode a été écrite plus tard et la deuxième méthode ci-dessous a été utilisée au début, car à cette époque Si je ne peux pas le faire, je veux juste le sortir directement]
var myJson = {
"catégorie": "ordinateur",
"détail": "programmation",
"langue":[
"js", "java", "php", "python", "c"
]}fonction mainJs(a) {
a = parseInt(a);
//Veuillez écrire le code ici /********** Commencez **********/
varb = "";
pour(var i=0;i<a;i++){
b = b+myJson.langue[i]+",";
}
return b.slice(0,-1);
/********** Fin **********/} var monJson = {
"catégorie": "ordinateur",
"détail": "programmation",
"langue":[
"js", "java", "php", "python", "c"
]}fonction mainJs(a) {
a = parseInt(a);
//Veuillez écrire le code ici /********** Commencez **********/
si(a==1){
retourner monJson.langue[0] ;
}
si(a==2){
return monJson.langue[0]+","+myJson.langue[1];
}
si(a==3){
return monJson.langue[0]+","+myJson.langue[1]+","+myJson.langue[2];
}
si(a==4){
return myJson.langue[0]+","+myJson.langue[1]+","+myJson.langue[2]+","+myJson.langue[3];
}
si(a==5){
retourner monJson.langue[0]+","+myJson.langue[1]+","+myJson.langue[2]+","+myJson.langue[3]+","+myJson.langue[4 ];
}
/********** Fin ***********/} Tâche : Entraînez-vous à convertir des chaînes JSON et des objets JavaScript entre eux.
Les exigences spécifiques sont les suivantes :
au front-end JSON peut être utilisé pour transférer des données vers et depuis l'arrière-plan, mais ce qui est réellement transféré est une chaîne JSON et les objets JSON ne peuvent pas être transférés directement.
La chaîne JSON est une chaîne formée en plaçant ' des deux côtés de l'objet JSON, par exemple :
var JSONObject = {"k1": "v1", "k2": "v2"};
//Objet JSON var JSONString1 = '{"k1": "v1", "k2": "v2"}';
// JSONSring1 au-dessus de la chaîne JSON se trouve la chaîne JSON, qui peut être directement transmise du front-end au backend ou du backend au front-end.
Lorsque JavaScript reçoit la chaîne JSON transmise depuis l'arrière-plan, comment la transformer en objet JSON pour un traitement facile ?
JSON.parse(a,b) convertit la chaîne JSON a en un objet JavaScript. b est un paramètre de fonction facultatif.
var JSONString1 = '{"k1": "v1", "k2": "v2"}';console.log(JSON.parse(JSONString1));
//Objet de sortie {k1 : "v1", k2 : "v2"} Le paramètre de fonction b agit sur toutes les propriétés de l'objet dans l'ordre从里到外, et le dernier agit sur l'objet lui-même :
//Chaque propriété de l'objet object Ajoutez 1 à la valeur var text = '{ "key1":1, "key2":2, "key3":2.2}';var obj = JSON.parse(text, function (key, value) {
if(key === '')//Lorsque vous rencontrez l'objet lui-même, renvoie la valeur sans ajouter 1 ;
return value+1;//Ajouter 1 à la valeur de l'attribut});console.log(obj);
//Objet de sortie {key1 : 2, key2 : 3, key3 : 3.2} Comme indiqué ci-dessus, la fonction a deux paramètres, où key représente le nom de l'attribut et value représente la valeur de l'attribut lors de la rencontre avec l'objet lui-même, key La valeur est '' , qui est une chaîne vide.
JSON.stringify(a,b,c) , a est l'objet JSON à convertir, b et c sont des paramètres facultatifs.
var JSONObject = {"k1": "v1", "k2": "v2"};
JSON.stringify(JSONObject);
//Convertir l'objet JSON en chaîne JSON . Lorsque le paramètre b est une fonction, la fonction traite chaque attribut de l'objet JSON dans l'ordre, de l'intérieur vers l'extérieur. Le dernier traité est l'objet JSON lui-même. en une chaîne JSON. ：
//Ajoutez 1 à toutes les valeurs d'attribut de l'objet, puis convertissez-les en chaînes var JSONObject = {"k1":1,"k2":2.2};var JSONString = JSON.stringify( JSONObject,fonction(k,v){
if(k === '')//L'objet JSON lui-même est traité return v;
return v+1;//Ajouter 1 à la valeur de tous les attributs});console.log(JSONString);
//Sortie {"k1":2,"k2":3.2} Le paramètre b peut également être un tableau. Le tableau stocke le nom de l'attribut et est utilisé pour spécifier quels attributs sont uniquement convertis :
//Convertir des attributs spécifiques dans le objet var JSONObject = {"k1":1,"k2":2.2,"k3":3};var JSONString = JSON.stringify(JSONObject,["k1","k2"]);console.log(JSONString) ;
//Sortie {"k1":1,"k2":2.2} Voici une brève introduction à c :
var str = ["name":"Tom","age":16];var obj1 = JSON.stringify( str) ;
var obj2 = JSON.stringify(str,null,4);console.log(obj1);
//Sortie {"name": "Tom", "age": 16}console.log(obj2);
//sortir//{
// "nom": "Tom",
// "âge": 16
//}Paramètre c : ajoutez une indentation, des espaces et des nouvelles lignes au texte . Si c est un nombre, le texte de la valeur de retour est indenté du nombre d'espaces spécifié à chaque niveau. Si c est supérieur à 10, le texte est indenté de 10 espaces.
var JSONString = '{"key1": "value1", "key2": "value2"}';function mainJs(a) {
//Veuillez écrire le code ici /********** Commencez **********/
var JSONObject = JSON.parse(JSONString);
JSONObject["key1"] = a;
JSONObject.key1 = a ;
retourner JSON.stringify(JSONObject);
/********** Fin ***********/} Recommandations associées : Tutoriel d'apprentissage de JavaScript
Ce qui précède est le contenu détaillé de JSON (partage de résumé) pour l'apprentissage et la compréhension de JavaScript. Pour en savoir plus, veuillez faire attention à php Autres articles connexes sur le site chinois !
