Heim > Web-Frontend > js-Tutorial > Beispiele für grundlegende Operationen an JSON-Objekten in JavaScript (grafisches Tutorial)

Beispiele für grundlegende Operationen an JSON-Objekten in JavaScript (grafisches Tutorial)

亚连
Freigeben: 2018-05-21 13:37:20
Original
1145 Leute haben es durchsucht

Das JSON-Format stammt aus Objekten und Arrays in JavaScript, daher ist js natürlich das einfachste und primitivste zu bedienende Format. Schauen wir uns als Nächstes einige häufig verwendete Beispiele für grundlegende Operationen an JSON-Objekten in JavaScript an

JSON-Objekt

1. Objektattribute:
Die Attribute eines Objekts bestehen aus Schlüssel-Wert-Paaren, wobei Schlüssel eine Zeichenfolge und Wert sein kann jedes Javascript-Objekt.

//使用[]设置和获取对象的属性
var obj = new Object();
obj["www.jb51.net"] = "http://www.jb51.net";
alert(obj["www.jb51.net"]);
Nach dem Login kopieren

2. Variablen sind Attribute:
Die Javascript-Engine erstellt während der Initialisierung ein globales Objekt und alle Variablen sind Eigenschaften dieses globalen Objekts. Um auf dieses globale Objekt zu verweisen, können Sie es im obersten Bereich wie folgt abrufen:

var global = this;
Nach dem Login kopieren

In Javascript gehört jede unabhängige Funktion oder Variable zu Die Eigenschaften dieses Objekts, d >

3. Objekt verwenden:

Drei Möglichkeiten, ein Objekt zu deklarieren:

① Erstellen Sie ein Objektobjekt über den neuen Operator und fügen Sie dann dynamisch Attribute hinzu, um ein Objekt von Grund auf neu zu erstellen

② Definieren Sie den Objektklassenkreis und verwenden Sie dann den neuen Operator, um neue Objekte in Stapeln zu erstellen

function test(){}
Nach dem Login kopieren

③ Verwenden Sie JSON, um Objekte zu erstellen
JSON ist eine Javascript-Objektdarstellungsmethode (Javascript Object Notation), die ein Objekt durch Literale darstellt:

window.test = function(){}
Nach dem Login kopieren


Parsen Sie die vom Server zurückgegebenen JSON-Formatdaten

Einzelnes JSON-Objekt:

//创建一个对象
function User(username, password){
  this.username = username;
  this.password = password;
  this.getUsername = function(){
    return this.username;
  }
  this.getPassword = function(){
    return this.password;
  }
}
var arthinking = new User("Jason", "123");
alert(arthinking.getUsername());
alert(arthinking.getPassword());
Nach dem Login kopieren

Mehrere JSON-Objekte:


//JSON形式创建一个对象
var arthinking = {
  username : "Jason",
  password : "123",
  favorite : {
    sports : "football",
    music : "Guitar"
  }
}
alert(arthinking.username);
alert(arthinking.favorite.sports);
Nach dem Login kopieren

Die zu übertragenden Daten können gemäß diesem Format aus dem Hintergrund gekapselt werden. Nachdem das Front-End sie erhalten hat, kann es die Daten wie folgt analysieren und abrufen:

[{a:'1',b'2'},{a:'3',b'4'}]
Nach dem Login kopieren


Das oben Gesagte habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:


Javascript

Implementierung der Map-Objektfunktion in Java (ausführliche Antwort, Code im Anhang)

Sieben Möglichkeiten zum Erstellen von Objekten in JavaScript (Zusammenfassung, unbedingt lesen)

JavaScript-Konstruktor und neuer Operator (Hervorhebung, unbedingt lesen)


Das obige ist der detaillierte Inhalt vonBeispiele für grundlegende Operationen an JSON-Objekten in JavaScript (grafisches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage