interface Web
js tutoriel
Comment peut-on utiliser JSON.Stringify () avec une fonction de remplacement?
Comment peut-on utiliser JSON.Stringify () avec une fonction de remplacement?
La fonction de remplacement dans json.stringify () est le deuxième argument qui permet de filtrer ou de transformer les propriétés d'un objet pendant la sérialisation. Il peut s'agir d'une fonction ou d'un tableau; Lorsqu'une fonction, elle est appelée pour chaque propriété avec la clé et la valeur, renvoyant la valeur transformée ou non définie pour exclure la propriété. Par exemple, pour filtrer les champs sensibles comme le mot de passe, retournez non défini pour cette clé. Pour transformer les valeurs, telles que les nombres carrés, renvoie la valeur modifiée. La fonction de remplacement gère également les objets imbriqués récursivement, permettant le contrôle à n'importe quelle profondeur. N'oubliez pas que les tableaux sont traités comme des objets à clé numérique, et l'objet racine a une chaîne vide comme clé.
Lorsque vous souhaitez personnaliser la façon dont un objet est converti en une chaîne JSON, JSON.stringify() vous permet d'utiliser une fonction de remplacement pour filtrer ou transformer le résultat.
Quelle est la fonction de remplacement dans JSON.Stringify ()?
Le deuxième argument de JSON.stringify() est appelé le remplaceur . Il peut s'agir d'un tableau ou d'une fonction. Lorsqu'il s'agit d'une fonction, il est appelé pour chaque propriété de l'objet et vous donne le contrôle des valeurs incluses dans la chaîne JSON finale.
Voici la structure de base:
JSON.StRINGIFY (objet, remplacerFunction);
La fonction de remplacement reçoit deux arguments: la clé et la valeur de chaque propriété. Vous renvoyez la valeur que vous souhaitez inclure - ou undefined si vous souhaitez exclure cette propriété.
Comment filtrer les propriétés lors du stringification
Un cas d'utilisation courant est de filtrer certains champs. Par exemple, si vous avez un objet avec des données sensibles comme des mots de passe ou des ID internes, vous pouvez les supprimer avant de convertir l'objet en une chaîne JSON.
Exemple:
const user = {
Nom: "Alice",
Courriel: "Alice@example.com",
Mot de passe: "Secret123"
};
const json = json.stringify (utilisateur, (key, valeur) => {
if (key === 'mot de passe') {
retour non défini; // Cela exclut le champ de mot de passe
}
valeur de retour;
});
Console.log (JSON);
// Sortie: {"Name": "Alice", "Email": "Alice@example.com"}Cette approche aide à éviter que les données sensibles soient exposées accidentellement.
Transformer les valeurs pendant la sérialisation
Vous n'êtes pas limité à simplement filtrer - vous pouvez également modifier les valeurs lorsqu'ils sont en sérialisation.
Par exemple, disons que vous souhaitez convertir tous les chiffres en leur carré avant d'envoyer les données quelque part:
const data = {
X: 4,
Y: 7,
Étiquette: "coordonnées"
};
const JSON = JSON.Stringify (Data, (Key, Value) => {
if (typeof value === 'nombre') {
valeur de retour * valeur;
}
valeur de retour;
});
Console.log (JSON);
// sortie: {"x": 16, "y": 49, "étiquette": "coordonnées"}Ce type de transformation est pratique lors de la préparation des données pour les API ou les journaux où certains formats sont attendus.
Gérer les objets imbriqués et la récursivité
Si votre objet a des structures imbriquées, la fonction de remplacement passe toujours à tous les niveaux récursivement. Cela signifie que vous pouvez appliquer des règles à n'importe quelle profondeur.
Voici un petit conseil:
- Si vous souhaitez seulement inclure des clés de niveau supérieur, vous pouvez suivre la profondeur manuellement.
- Ou, si vous avez besoin d'une manipulation spéciale pour des tableaux ou des valeurs profondément imbriquées, vous pouvez inspecter la clé (qui sera numérique pour les index de tableau).
Quelques choses à retenir:
- L'objet racine a une chaîne vide (
"") comme clé. - Les tableaux sont traités comme des objets avec des clés numériques.
- Vous pouvez retourner entièrement des objets transformés ou même de nouvelles valeurs.
Ainsi, l'utilisation d'une fonction de remplacement avec JSON.stringify() vous donne un contrôle à grain fin sur ce qui se termine dans votre sortie JSON. Que vous filtiez, transformiez ou régliez la structure, c'est un outil puissant une fois que vous avez compris.
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!
Outils d'IA chauds
Undress AI Tool
Images de déshabillage gratuites
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Appareils et contextes avancés JavaScript
Jul 24, 2025 am 12:42 AM
La portée de JavaScript détermine la portée d'accessibilité des variables, qui sont divisées en étendue globale, fonction et au niveau du bloc; Le contexte détermine la direction de cela et dépend de la méthode d'appel de fonction. 1. Les étendues incluent la portée globale (accessible n'importe où), la portée de la fonction (valide uniquement dans la fonction) et la portée au niveau du bloc (LET et const sont valides dans {}). 2. Le contexte d'exécution contient l'objet variable, la chaîne de portée et les valeurs de cela. Cela pointe vers global ou non défini dans la fonction ordinaire, l'appel de méthode pointe vers l'objet d'appel, le constructeur pointe vers le nouvel objet, et peut également être explicitement spécifié par appel / application / liaison. 3. La fermeture fait référence aux fonctions accédant et en se souvenant des variables de portée externes. Ils sont souvent utilisés pour l'encapsulation et le cache, mais peuvent provoquer
API de composition Vue 3 Vs API Options: une comparaison détaillée
Jul 25, 2025 am 03:46 AM
CompositionAPI dans Vue3 convient plus à la logique complexe et à la dérivation de type, et OptionsAPI convient aux scénarios et débutants simples; 1. OptionsAPI organise le code en fonction d'options telles que les données et les méthodes, et a une structure claire mais les composants complexes sont fragmentés; 2. CompositionAPI utilise la configuration pour concentrer la logique liée, ce qui est propice à la maintenance et à la réutilisation; 3. CompositionAPI réalise la réutilisation logique sans conflit et paramétrisable par le biais de fonctions composables, ce qui est mieux que le mixin; 4. CompositionAPI a une meilleure prise en charge de la dérivation de type dactylographiée et de type plus précise; 5. Il n'y a pas de différence significative dans le volume de performances et d'emballage des deux; 6.
Maîtriser les modèles de concurrence JavaScript: les travailleurs du web contre les threads Java
Jul 25, 2025 am 04:31 AM
Il existe une différence essentielle entre les travailleurs Web de JavaScript et Javathreads dans un traitement simultané. 1. JavaScript adopte un modèle unique. WebWorkers est un fil indépendant fourni par le navigateur. Il convient pour effectuer des tâches longues qui ne bloquent pas l'interface utilisateur, mais ne peuvent pas utiliser le DOM; 2. Java prend en charge le multithreading réel à partir du niveau de la langue, créé via la classe de threads, adapté à un traitement simultanée complexe et côté serveur; 3. Les travailleurs Web utilisent PostMessage () pour communiquer avec le fil principal, qui est hautement sécurisé et isolé; Les threads Java peuvent partager la mémoire, de sorte que les problèmes de synchronisation doivent être prêts à prêter attention; 4. Les travailleurs Web sont plus adaptés à l'informatique parallèle frontale, comme le traitement d'image, et
Construire un outil CLI avec Node.js
Jul 24, 2025 am 03:39 AM
Initialiser le projet et créer package.json; 2. Créez un script d'entrée index.js avec shebang; 3. Registre des commandes via des champs bin dans package.json; 4. Utilisez des Yargs et d'autres bibliothèques pour analyser les paramètres de ligne de commande; 5. Utilisez le test local NPMLink; 6. Ajouter l'aide, la version et les options pour améliorer l'expérience; 7. Publier éventuellement via NPMPublish; 8. Affectuer éventuellement l'achèvement automatique avec Yargs; Enfin, créez des outils CLI pratiques grâce à une structure raisonnable et à une conception de l'expérience utilisateur, effectuer des tâches d'automatisation ou distribuer des widgets et se terminer par des phrases complètes.
Comment créer et ajouter des éléments dans JS?
Jul 25, 2025 am 03:56 AM
Utilisez Document.CreateElement () pour créer de nouveaux éléments; 2. Personnaliser les éléments via TextContent, ClassList, SetAttribute et d'autres méthodes; 3. Utilisez des méthodes APPEDCHILD () ou plus flexibles APPEND () pour ajouter des éléments au DOM; 4. Utiliser éventuellement INSERTBEFORE (), avant () et d'autres méthodes pour contrôler la position d'insertion; Le processus complet consiste à créer → Personnaliser → Ajouter, et vous pouvez mettre à jour dynamiquement le contenu de la page.
Types conditionnels avancés en dactylographie
Aug 04, 2025 am 06:32 AM
Les types de conditions avancées de TypeScript implémentent le jugement logique entre les types via TextendU? X: Y Syntaxe. Ses capacités de base se reflètent dans les types de conditions distribuées, l'inférence de type inférieure et la construction d'outils de type complexe. 1. Le type conditionnel est distribué dans les paramètres de type nu et peut automatiquement diviser le type de joint, tel que pour obtenir la chaîne [] | nombre []. 2. Utiliser la distribution pour construire des outils de filtrage et d'extraction: exclut exclut les types via TextendU? Never: T, extraire extrait les points communs via TextendU? T: jamais, et des filtres non nuls nuls / non définis. 3
Architecture Micro Frontend: un guide de mise en œuvre pratique
Aug 02, 2025 am 08:01 AM
MicrofronttendSSolvescalingCallegengeSInLargeTeamsByAnabled indépendante développement et élaboration de choOsanIntegrationsStrategy: UseModuleFederationInwebpack5ForruntimeLoadingAndTrue Independence, Build-Time IntegrationForsIpleSetups, Oriframes / webcomponents webcomponents
Comment trouver la longueur d'un tableau en javascript?
Jul 26, 2025 am 07:52 AM
Pour obtenir la longueur d'un tableau JavaScript, vous pouvez utiliser la propriété de longueur intégrée. 1. Utilisez l'attribut .Length pour renvoyer le nombre d'éléments dans le tableau, tels que constfruits = ['Apple', 'banana', 'orange']; console.log (fruits.length); // output: 3; 2. Cet attribut convient aux tableaux contenant tout type de données telles que des chaînes, des nombres, des objets ou des tableaux; 3. L'attribut de longueur sera automatiquement mis à jour et sa valeur changera en conséquence lorsque des éléments seront ajoutés ou supprimés; 4. Il renvoie un décompte basé sur un zéro et la longueur du tableau vide est de 0; 5. L'attribut de longueur peut être modifié manuellement pour tronquer ou étendre le tableau,
