Qu'est-ce que JSON ?
JSON (JavaScript Object Notation) est un format léger d'échange de données. Basé sur la syntaxe des objets JavaScript, il est indépendant du langage et pris en charge par la plupart des langages modernes.
JSON présente les caractéristiques suivantes :
- Facile à lire et à écrire pour les humains
- Facile à analyser et générer par les machines
- Basé sur du texte, totalement indépendant du langage
- Largement utilisé pour la transmission de données Web
Objet simple
Structure JSON de base
{
"name": "John Doe",
"age": 30,
"city": "New York"
}Profil utilisateur
Informations utilisateur avec objets imbriqués
{
"id": 1,
"name": "Alice Smith",
"email": "alice@example.com",
"profile": {
"avatar": "https://example.com/avatar.jpg",
"bio": "Software Developer",
"location": "San Francisco"
},
"preferences": {
"theme": "dark",
"notifications": true
}
}Liste de produits
Tableau JSON contenant plusieurs produits
[
{
"id": "p001",
"name": "Laptop",
"price": 999.99,
"category": "Electronics",
"inStock": true
},
{
"id": "p002",
"name": "Mouse",
"price": 29.99,
"category": "Accessories",
"inStock": false
}
]Réponse API
Format typique de réponse REST
{
"status": "success",
"code": 200,
"message": "Data retrieved successfully",
"data": {
"users": [
{
"id": 1,
"name": "John",
"role": "admin"
},
{
"id": 2,
"name": "Jane",
"role": "user"
}
],
"pagination": {
"page": 1,
"limit": 10,
"total": 25
}
},
"timestamp": "2024-01-01T12:00:00Z"
}Fichier de configuration
Configuration d'application en JSON
{
"app": {
"name": "MyApp",
"version": "1.2.0",
"environment": "production"
},
"database": {
"host": "localhost",
"port": 5432,
"name": "myapp_db",
"ssl": true
},
"features": {
"authentication": true,
"logging": true,
"analytics": false
}
}Tableau imbriqué
Structure complexe à plusieurs niveaux
{
"company": "Tech Corp",
"departments": [
{
"name": "Engineering",
"teams": [
{
"name": "Frontend",
"members": [
"Alice",
"Bob",
"Charlie"
]
},
{
"name": "Backend",
"members": [
"David",
"Eve",
"Frank"
]
}
]
},
{
"name": "Marketing",
"teams": [
{
"name": "Digital",
"members": [
"Grace",
"Henry"
]
}
]
}
]
}Réponse d'erreur
Exemple de réponse d'erreur API
{
"error": {
"code": "VALIDATION_ERROR",
"message": "Invalid input parameters",
"details": [
{
"field": "email",
"message": "Email format is invalid"
},
{
"field": "password",
"message": "Password must be at least 8 characters"
}
]
},
"timestamp": "2024-01-01T12:00:00Z",
"requestId": "req_123456789"
}GeoJSON
Format de données géographiques
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [
-74.006,
40.7128
]
},
"properties": {
"name": "New York City",
"population": 8336817
}
}
]
}Package.json
Fichier de configuration de projet Node.js
{
"name": "my-project",
"version": "1.0.0",
"description": "A sample Node.js project",
"main": "index.js",
"scripts": {
"start": "node index.js",
"test": "jest",
"build": "webpack --mode production"
},
"dependencies": {
"express": "^4.18.0",
"lodash": "^4.17.21"
},
"devDependencies": {
"jest": "^29.0.0",
"webpack": "^5.74.0"
}
}Types mixtes
Exemple avec divers types JSON
{
"string": "Hello World",
"number": 42,
"float": 3.14159,
"boolean": true,
"nullValue": null,
"array": [
1,
"two",
true,
null
],
"object": {
"nested": "value"
},
"emptyArray": [],
"emptyObject": {}
}功能特性
Exemples riches
Fournit 10 exemples courants de structures JSON
Copie en un clic
Copiez instantanément le JSON
Guide de syntaxe
Règles détaillées et types de données JSON
Respect de la vie privée
Toutes les opérations sont locales, aucune donnée envoyée