Maison > interface Web > js tutoriel > Que signifie JSON ? A quoi sert-il ?

Que signifie JSON ? A quoi sert-il ?

不言
Libérer: 2018-10-15 11:20:01
original
50321 Les gens l'ont consulté

Cet article a principalement pour but de vous présenter le concept de json et à quoi json peut être utilisé. Les amis dans le besoin peuvent y jeter un œil.

Tout d’abord, jetons un coup d’œil à Que signifie json ?

D'après l'explication sur Baidu Encyclopedia, on peut savoir : JSON (JavaScript Object Notation, JS Object Notation) est un format d'échange de données léger. Il est basé sur un sous-ensemble d'ECMAScript (la spécification js développée par la European Computer Association) et utilise un format de texte totalement indépendant des langages de programmation pour stocker et représenter les données. La simplicité et la structure hiérarchique claire font de JSON un langage d'échange de données idéal.

En fait, pour parler simplement, json est un format d'échange de données. Alors, à quoi sert le format d'échange de données json ? Regardons de plus près ci-dessous.

json est un format de données qui a la même fonction qu'un tableau et est utilisé pour stocker des données.

Par exemple, pour les informations personnelles d'une personne, un tableau peut être utilisé pour les stocker comme ceci

var tom = ['Tom', '29', '170', 'man'];
Copier après la connexion

Si une règle est convenue, nous pouvons utiliser un tel tableau pour enregistrer celles de Tom informations, à savoir name = tom [0], age = tom[1], height = [2], Gender = tom[3]

Mais évidemment ce n'est pas une bonne solution Nous utilisons généralement des tableaux pour remplir. data Nous savons tous que c'est mieux

姓名
年龄
身高
性别
Tom
29
170
man
Jake
22
175
man

Donc, avec json, nous utilisons le modèle clé-valeur pour stocker les données de manière plus intuitive

var tom = {
    name: 'tom',
    age: '29',
    stature: 170,
    gender: 'man'
    
}
Copier après la connexion

Il est également facile de accéder aux attributs. Simple, dans le tableau nous utilisons l'index de séquence pour accéder à la valeur spécifique, tandis qu'en json nous utilisons la clé pour accéder à la valeur

Par exemple, pour accéder à l'âge

var age = tom.age;
Copier après la connexion

S'il y a beaucoup de monde, un tableau sera utilisé. La façon de combiner avec json, voici le code pour exprimer le contenu du tableau ci-dessus

var data = [
    {
        name: 'tom',
        age: '29',
        stature: 170,
        gender: 'man'
    },
    {
        name: 'jake',
        age: '22',
        stature: 175,
        gender: 'man'
    }
]
Copier après la connexion

Dans ce tableau, je veux obtenir celui de Jake height

var jakeSta = data[1].stature
Copier après la connexion

La façon d'écrire le mode json est également appelée littéraux d'objet dans ECMAScript, elle peut non seulement stocker des valeurs, mais aussi stocker des fonctions

var test = {
    name: 'tom',
    function: getName() {
        return test.name;
    }
}
Copier après la connexion

json, qui peut également être utilisé pour transférer des données json entre le front-end et le back-end. Par exemple, le front-end lance une requête et appelle l'interface, et le back-end renvoie une chaîne de données json, traite les données et les affiche sur la page.

Cet article se termine ici. Pour du contenu JSON plus excitant, vous pouvez suivre le site Web php chinois ! ! !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal