modification du tableau jquery json

Dans le développement front-end, nous rencontrons souvent des scénarios dans lesquels les tableaux JSON doivent être modifiés et manipulés. jQuery peut très bien nous aider à y parvenir. Cet article explique comment utiliser jQuery pour modifier les tableaux JSON.

1. Obtenir le tableau JSON

Tout d'abord, nous devons obtenir le tableau JSON. On peut définir directement un tableau JSON, ou obtenir le tableau JSON renvoyé par le serveur via une requête Ajax.

Supposons que nous ayons obtenu le tableau JSON suivant côté serveur :

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

2. Modifier un élément dans le tableau JSON

Nous pouvons parcourir le tableau JSON et trouver l'élément à modifier en fonction des conditions.

L'exemple suivant montre comment changer l'âge d'un utilisateur de 25 ans à 30 ans :

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

3. Ajouter de nouveaux éléments au tableau JSON

Nous pouvons ajouter de nouveaux éléments au tableau JSON via le push () méthode .

L'exemple suivant montre comment ajouter un nouvel utilisateur au tableau JSON :

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

4. Supprimer des éléments du tableau JSON

Nous pouvons parcourir le tableau JSON et trouver les éléments à supprimer en fonction des conditions, puis utiliser la méthode splice() supprime l’élément du tableau JSON.

L'exemple suivant montre comment supprimer des utilisateurs âgés de 25 ans :

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

5. Convertir le tableau JSON en chaîne JSON

Après avoir modifié le tableau JSON, vous devez généralement l'envoyer au serveur et le traiter avant de le renvoyer. À ce stade, nous devons convertir le tableau JSON en chaîne JSON.

Vous pouvez utiliser la méthode JSON.stringify() pour convertir un tableau JSON en chaîne JSON :

var usersString = JSON.stringify(users);

6. Convertir une chaîne JSON en tableau JSON

Si nous obtenons une chaîne JSON du serveur, nous devons convertissez-le Les opérations de modification ne peuvent être effectuées qu'après l'avoir converti en un tableau JSON.

Vous pouvez utiliser la méthode JSON.parse() pour convertir une chaîne JSON en un tableau JSON :

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

Ce qui précède explique comment utiliser jQuery pour modifier un tableau JSON. Grâce aux opérations ci-dessus, nous pouvons facilement modifier et exploiter les tableaux JSON, obtenant ainsi un développement frontal plus flexible.

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!