Maison > interface Web > js tutoriel > Explication détaillée des méthodes d'implémentation simples pour convertir des objets et des tableaux JavaScript JSON

Explication détaillée des méthodes d'implémentation simples pour convertir des objets et des tableaux JavaScript JSON

伊谢尔伦
Libérer: 2017-07-17 14:24:06
original
2704 Les gens l'ont consulté

La différence entre le tableau js et json

1 Array

1. Définissez un tableau unidimensionnel : var s1=new Array();

s1=[1,2,3,4] ou s1[0]=1,s1[1]=2,s1[3]=3,s1[4]=4;
alerte (s1 [0]);

Le résultat est 1;

2, définissez le groupe d'éléments bidimensionnels : var s1=new Array();

var s1= [[3,1],[2,3,4],3,[4,5,6,7,8]];
               alert(s1[1][0]);

                                                                                                                                     Le résultat est 2 ; 🎜> 2. chaîne json

La chaîne dite json signifie que la valeur de la variable chaîne a le même format que json, mais n'est pas un json. object

Bien que la valeur de status_process soit conforme au format de l'objet json, Mais ce n'est pas un objet, juste une chaîne (assemblée) ;

var status_process = {
      " name5" : '闲置期',
    "name1" : '播种期',
    "name2" : '苗期',
    "name3" : '生长期',
    "name4" : '采收期'
   }   
  alert(status_process);
Copier après la connexion
Conclusion : ce qui est transmis par le ; l'arrière-plan au premier plan est une chaîne json, pas un véritable objet json, il doit donc être converti à l'aide de la fonction eval.

Utilisation des objets json

Les deux sont : période d'inactivité

Règles de syntaxe JSON

Le

La syntaxe JSON est un sous-ensemble de la syntaxe de notation d'objet

JavaScript

.

var status_process = {
      name5 : '闲置期',
     name1 : '播种期',
     name2 : '苗期',
      name3 : '生长期',
      name4 : '采收期'
     };
     alert(status_process["name5"]);
     alert(status_process.name5);
Copier après la connexion
• Les données sont dans des paires nom/valeur

• Les données sont séparées par des virgules

• Les accolades contiennent des objets

• Les crochets contiennent des tableaux Objet JSON

L'objet JSON est écrit entre accolades :

Un objet peut contenir plusieurs paires nom/valeur :


Ceci est également vrai Facile à comprendre, équivalent à cette instruction JavaScript :

Tableau JSON

Le tableau JSON est écrit entre crochets :

Array can Contient plusieurs objets :

{ "firstName":"John" , "lastName":"Doe" }
Copier après la connexion
Dans l'exemple ci-dessus, l'objet "employés" est un tableau contenant trois objets. Chaque objet représente un enregistrement sur une personne (avec un prénom et un nom).

firstName = "John"
lastName = "Doe"
Copier après la connexion

Fichier JSON

•Le type de fichier JSON est ".json"

•Le type MIME du texte JSON est " application/ json"

Texte JSON en objet JavaScript
{ 
"employees": [ 
{ "firstName":"John" , "lastName":"Doe" }, 
{ "firstName":"Anna" , "lastName":"Smith" }, 
{ "firstName":"Peter" , "lastName":"Jones" } 
] 
}
Copier après la connexion

La fonction JavaScript eval() peut être utilisée pour convertir le texte JSON en objet JavaScript. La fonction

eval() utilise le compilateur JavaScript pour analyser le texte JSON puis générer des objets JavaScript. Le texte doit être mis entre parenthèses pour éviter les Erreurs de syntaxe : var obj = eval ("(" + jsontxt + ")") ;

Exemple :

Créer un objet via

JavaScript

Array

Objet JavaScriptPropriétés Deux façons de accédez à

  $.ajax({
    type: 'POST',
    url: '../../caseHandler.ashx?action=GetCase&id=' + id.toString(), //url action是方法的名称
    data: "",
    dataType: "text", //可以是text,如果用text,返回的结果为字符串;如果需要json格式的,可以设置为json
    ContentType: "application/json; charset=utf-8",
    success: function (returnedData) {
      getMarkerFeature(eval("(" + returnedData+ ")"));
    },
    error: function (msg) {
      alert("访问失败:"+ msg);
    }
  });
Copier après la connexion

object.attributeobject["attribute"]

Par exemple :
var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal