Application de la syntaxe JSON en js en front-end
Le contenu de cet article concerne l'application de la syntaxe JSON dans js dans le front-end. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.
Front-end ---Syntaxe JSON en js
La syntaxe JSON est un sous-ensemble de la syntaxe JavaScript. La syntaxe JSON (JavaScript Object Notation) offre un moyen plus simple de créer des objets. L'utilisation de la syntaxe JSON peut éviter d'écrire des fonctions ou d'utiliser le nouveau mot-clé, et vous pouvez créer directement un objet JavaScript. Pour créer un objet JavaScript, utilisez des accolades et écrivez chaque propriété sous la forme d'une paire "clé: valeur".
Règles de syntaxe JSON
La syntaxe JSON est un sous-ensemble de la syntaxe de représentation d'objet JavaScript.
Données dans des paires nom/valeur Données séparées par des virgules Accolades enregistrer l'objet Crochets enregistrer le tableau
Paire nom/valeur JSON
Données JSON Les le format d'écriture est : paire nom/valeur.
Une paire nom/valeur est constituée du nom du champ (entre guillemets doubles), suivi de deux points, puis de la valeur :
"name" : "Tutoriel Novice"
Ceci est facile à comprendre et équivaut à cette déclaration JavaScript :
name = "Rookie Tutorial"
Valeur JSON
Valeur JSON peut être :
Nombre (entier ou virgule flottante) Chaîne (entre guillemets) Valeur logique (vrai ou faux) Tableau (entre crochets) Objet (entre accolades) null
Numéro JSON
Le numéro JSON peut être un nombre entier ou à virgule flottante :
{ "age":30 >
Objet JSON
Objets JSON sont écrits entre accolades ({}) :
L'objet peut contenir plusieurs paires nom/valeur :
{ "name": "Tutoriel novice" , "url": "www .runoob .com" }
Ceci est facile à comprendre et équivaut à cette instruction JavaScript :
name = "Rookie Tutorial" url = "www.runoob.com"
Tableau JSON
Le tableau JSON est écrit entre parenthèses :
Le tableau peut contenir plusieurs objets :
{ "sites": [ { "name":"菜鸟教程" , "url":"www.runoob.com" }, { "name":"google" , "url":"www.google.com" }, { "name":"微博" , "url":"www.weibo.com" } ] }
ci-dessus Dans l'exemple, le l'objet "sites" est un tableau contenant trois objets. Chaque objet représente un enregistrement sur un site Web (nom, URL).
Ce qui précède est une introduction complète à l'application de la syntaxe JSON dans js dans le front-end. Si vous souhaitez en savoir plus sur le Tutoriel vidéo JavaScript, veuillez Faites attention au site Web chinois PHP.
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

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.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

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)

Sujets chauds

Explication détaillée de la méthode de remplacement de la chaîne JavaScript et de la FAQ Cet article explorera deux façons de remplacer les caractères de chaîne dans JavaScript: le code JavaScript interne et le HTML interne pour les pages Web. Remplacer la chaîne dans le code JavaScript Le moyen le plus direct consiste à utiliser la méthode Remplace (): str = str.replace ("trouver", "remplacer"); Cette méthode remplace uniquement la première correspondance. Pour remplacer toutes les correspondances, utilisez une expression régulière et ajoutez le drapeau global G: str = str.replace (/ fi

Des fonctions JavaScript simples sont utilisées pour vérifier si une date est valide. fonction isValidDate (s) { var bits = s.split ('/'); var d = new Date (bits [2] '/' bits [1] '/' bits [0]); return !! (d && (d.getMonth () 1) == bits [1] && d.getDate () == Number (bits [0])); } //test var

Cet article explique comment utiliser jQuery pour obtenir et définir les valeurs de marge et de marge intérieures des éléments DOM, en particulier les emplacements spécifiques de la marge extérieure et des marges intérieures de l'élément. Bien qu'il soit possible de définir les marges intérieures et extérieures d'un élément à l'aide de CSS, l'obtention de valeurs précises peut être délicate. // installation $ ("div.header"). CSS ("marge", "10px"); $ ("div.header"). css ("padding", "10px"); Vous pourriez penser que ce code est

Cet article explore dix onglets jQuery exceptionnels et accordéons. La principale différence entre les onglets et les accordéons réside dans la façon dont leurs panneaux de contenu sont affichés et cachés. Plongeons ces dix exemples. Articles connexes: 10 plugins de l'onglet jQuery

Découvrez dix plugins jQuery exceptionnels pour élever le dynamisme et l'attrait visuel de votre site Web! Cette collection organisée offre diverses fonctionnalités, de l'animation d'image aux galeries interactives. Explorons ces outils puissants: Related Posts: 1

HTTP-Console est un module de nœud qui vous donne une interface de ligne de commande pour exécuter les commandes HTTP. C'est idéal pour le débogage et voir exactement ce qui se passe avec vos demandes HTTP, qu'elles soient faites contre un serveur Web, Web Serv

Ce tutoriel vous montre comment intégrer une API de recherche Google personnalisée dans votre blog ou site Web, offrant une expérience de recherche plus raffinée que les fonctions de recherche de thème WordPress standard. C'est étonnamment facile! Vous pourrez restreindre les recherches à Y

L'extrait de code jQuery suivant peut être utilisé pour ajouter des barres de défilement lorsque le contenu DIV dépasse la zone de l'élément de conteneur. (Pas de démonstration, veuillez le copier directement sur Firebug) // d = document // w = fenêtre // $ = jQuery var contentArea = $ (this), wintop = contentArea.scrollTop (), docheight = $ (d) .height (), winheight = $ (w) .height (), divheight = $ ('# c
