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

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

亚连
亚连Original
2018-05-21 13:37:201127Durchsuche

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"]);

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;

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(){}

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

window.test = function(){}


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());

Mehrere JSON-Objekte:


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

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'}]


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!

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
Vorheriger Artikel:Verwandte Fragen dazuNächster Artikel:Verwandte Fragen dazu