Heim >Web-Frontend >js-Tutorial >Ausführliche Erläuterung einfacher Implementierungsmethoden zum Konvertieren von JavaScript-JSON-Objekten und -Arrays

Ausführliche Erläuterung einfacher Implementierungsmethoden zum Konvertieren von JavaScript-JSON-Objekten und -Arrays

伊谢尔伦
伊谢尔伦Original
2017-07-17 14:24:062725Durchsuche

Der Unterschied zwischen js-Array und json

1. Array

1. Definieren Sie eindimensionales Array: var s1=new Array();

s1=[1,2,3,4] oder s1[0]=1,s1[1]=2,s1[3]=3,s1[4]=4;
Alarm (s1 [0]);

Das Ergebnis ist 1;

2, definieren Sie die zweidimensionale Elementgruppe: var s1=new Array();

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

                                                                                                                                    Das Ergebnis ist 2; 🎜> 2. JSON-String

Der sogenannte JSON-String bedeutet, dass der Wert der String-Variablen das gleiche Format wie JSON hat, aber kein JSON ist Objekt

Obwohl der Wert von status_process dem Format des JSON-Objekts entspricht, handelt es sich jedoch nicht um ein Objekt, sondern nur um eine Zeichenfolge (zusammengesetzt); ;

var status_process = {
      " name5" : '闲置期',
    "name1" : '播种期',
    "name2" : '苗期',
    "name3" : '生长期',
    "name4" : '采收期'
   }   
  alert(status_process);
Fazit: Was wird von übergeben? Der Hintergrund im Vordergrund ist ein JSON-String, kein echtes JSON-Objekt, daher muss er mit der Eval-Funktion konvertiert werden.

Verwendung von JSON-Objekten

Beide sind: Leerlaufzeit

JSON-Syntaxregeln

Die

JSON-Syntax ist eine Teilmenge der

JavaScript

-Objektnotationssyntax.

var status_process = {
      name5 : '闲置期',
     name1 : '播种期',
     name2 : '苗期',
      name3 : '生长期',
      name4 : '采收期'
     };
     alert(status_process["name5"]);
     alert(status_process.name5);
• Daten liegen in Name/Wert-Paaren vor

• Daten werden durch Kommas getrennt

• Geschweifte Klammern halten Objekte

• Eckige Klammern halten Arrays JSON-Objekt

JSON-Objekt wird in geschweiften Klammern geschrieben:

Ein Objekt kann mehrere Name/Wert-Paare enthalten:


Das ist auch true Leicht zu verstehen, äquivalent zu dieser JavaScript-Anweisung:

JSON-Array

JSON-Array wird in eckigen Klammern geschrieben:

Array can Enthält mehrere Objekte:

{ "firstName":"John" , "lastName":"Doe" }
Im obigen Beispiel ist das Objekt „employees“ ein Array mit drei Objekten. Jedes Objekt stellt einen Datensatz über eine Person dar (mit Vor- und Nachnamen).

firstName = "John"
lastName = "Doe"

JSON-Datei

•Der Dateityp der JSON-Datei ist „.json“

•Der MIME-Typ des JSON-Textes ist „ application/ json"

JSON-Text in JavaScript-Objekt
{ 
"employees": [ 
{ "firstName":"John" , "lastName":"Doe" }, 
{ "firstName":"Anna" , "lastName":"Smith" }, 
{ "firstName":"Peter" , "lastName":"Jones" } 
] 
}

Die JavaScript-Funktion eval() kann zum Konvertieren von JSON-Text in ein JavaScript-Objekt verwendet werden. Die Funktion

eval() verwendet den JavaScript-Compiler, um JSON-Text zu analysieren und dann JavaScript-Objekte zu generieren. Text muss in Klammern eingeschlossen werden, um Syntaxfehler zu vermeiden: var obj = eval ("(" + jsontxt + ")");

Beispiel:

Objekt über

JavaScript

Array erstellen

JavaScript-ObjektEigenschaften Zwei Möglichkeiten dazu Zugriff auf

  $.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);
    }
  });

object.attributeobject["attribute"]

Zum Beispiel:
var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung einfacher Implementierungsmethoden zum Konvertieren von JavaScript-JSON-Objekten und -Arrays. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn