JQuery-JSON-Array-Änderung

Bei der Frontend-Entwicklung stoßen wir häufig auf Szenarien, in denen JSON-Arrays geändert und manipuliert werden müssen. jQuery kann uns dabei sehr gut helfen. In diesem Artikel wird erläutert, wie Sie mit jQuery ein JSON-Array ändern.

1. Holen Sie sich das JSON-Array

Zuerst müssen wir das JSON-Array abrufen. Wir können ein JSON-Array direkt definieren oder das vom Server zurückgegebene JSON-Array über eine Ajax-Anfrage abrufen.

Angenommen, wir haben das folgende JSON-Array vom Server erhalten:

var users = [
  {
    "name": "张三",
    "age": 20,
    "gender": "male"
  },
  {
    "name": "李四",
    "age": 25,
    "gender": "female"
  },
  {
    "name": "王五",
    "age": 30,
    "gender": "male"
  }
];

2. Ändern Sie ein Element im JSON-Array

Wir können das JSON-Array durchlaufen und das zu ändernde Element basierend auf Bedingungen finden.

Das folgende Beispiel zeigt, wie man das Alter eines Benutzers, der 25 Jahre alt ist, auf 30 Jahre ändert:

$.each(users, function(index, user) {
  if(user.age === 25) {
    user.age = 30;
  }
});

3. Neue Elemente zum JSON-Array hinzufügen

Wir können dem JSON-Array durch Push neue Elemente hinzufügen ()-Methode.

Das folgende Beispiel zeigt, wie man einen neuen Benutzer zum JSON-Array hinzufügt:

var newUser = {
  "name": "赵六",
  "age": 28,
  "gender": "male"
};
users.push(newUser);

4. Elemente aus dem JSON-Array entfernen

Wir können das JSON-Array durchlaufen und die zu löschenden Elemente basierend auf den Bedingungen finden und dann Verwenden Sie die Methode splice(), um das Element aus dem JSON-Array zu entfernen.

Das folgende Beispiel zeigt, wie Benutzer im Alter von 25 Jahren gelöscht werden:

$.each(users, function(index, user) {
  if(user.age === 25) {
    users.splice(index, 1);
  }
});

5. JSON-Array in JSON-String konvertieren

Nach dem Ändern des JSON-Arrays müssen Sie es normalerweise an den Server senden und verarbeiten, bevor Sie es zurückgeben. An dieser Stelle müssen wir das JSON-Array in einen JSON-String konvertieren.

Sie können die Methode JSON.stringify() verwenden, um ein JSON-Array in einen JSON-String zu konvertieren:

var usersString = JSON.stringify(users);

6. Konvertieren Sie einen JSON-String in ein JSON-Array

Wenn wir einen JSON-String vom Server erhalten, müssen wir dies tun Konvertieren Sie es. Änderungsvorgänge können erst nach der Konvertierung in ein JSON-Array ausgeführt werden.

Sie können die Methode JSON.parse() verwenden, um einen JSON-String in ein JSON-Array umzuwandeln:

var usersString = '[{"name":"张三","age":20,"gender":"male"},{"name":"李四","age":25,"gender":"female"},{"name":"王五","age":30,"gender":"male"}]';
var users = JSON.parse(usersString);

Im Folgenden erfahren Sie, wie Sie mit jQuery ein JSON-Array ändern. Durch die oben genannten Vorgänge können wir JSON-Arrays einfach ändern und betreiben und so eine flexiblere Front-End-Entwicklung erreichen.

Das obige ist der detaillierte Inhalt vonJQuery-JSON-Array-Änderung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!