I den här handledningen lär du dig om JSON och hur JavaScript används med JSON med hjälp av exempel.
JSON står för Javascript Object Notation. JSON är ett textbaserat dataformat som används för att lagra och överföra data. Till exempel,
// JSON syntax ( "name": "John", "age": 22, "gender": "male", )
I JSON är data i nyckel / värdepar separerade med ett komma ,.
JSON härstammar från JavaScript. Så, JSON-syntaxen liknar JavaScript-objektets bokstavliga syntax. Dock kan JSON-formatet nås och skapas av andra programmeringsspråk.
Obs! JavaScript-objekt och JSON är inte desamma. Du kommer att lära dig mer om deras skillnader senare i den här handledningen.
JSON-data
JSON-data består av nyckel / värdepar som liknar JavaScript-objektegenskaper. Nyckeln och värdena är skrivna med dubbla citat åtskilda av ett kolon :. Till exempel,
// JSON data "name": "John"
Obs! JSON-data kräver dubbla citat för nyckeln.
JSON-objekt
JSON-objektet är skrivet i lockiga hängslen ( ). JSON-objekt kan innehålla flera nyckel / värdepar . Till exempel,
// JSON object ( "name": "John", "age": 22 )
JSON Array
JSON-matrisen är skriven inom hakparenteser ( ). Till exempel,
// JSON array ( "apple", "mango", "banana") // JSON array containing objects ( ( "name": "John", "age": 22 ), ( "name": "Peter", "age": 20 ). ( "name": "Mark", "age": 23 ) )
Obs! JSON-data kan innehålla objekt och matriser. Till skillnad från JavaScript-objekt kan JSON-data dock inte innehålla funktioner som värden.
Åtkomst till JSON-data
Du kan komma åt JSON-data med punktnoteringen. Till exempel,
// JSON object const data = ( "name": "John", "age": 22, "hobby": ( "reading" : true, "gaming" : false, "sport" : "football" ), "class" : ("JavaScript", "HTML", "CSS") ) // accessing JSON object console.log(data.name); // John console.log(data.hobby); // ( gaming: false, reading: true, sport: "football") console.log(data.hobby.sport); // football console.log(data.class(1)); // HTML
Vi använder .notationen för att komma åt JSON-data. Dess syntax är:variableName.key
Du kan också använda syntax ()med hakparentes för att komma åt JSON-data. Till exempel,
// JSON object const data = ( "name": "John", "age": 22 ) // accessing JSON object console.log(data("name")); // John
JavaScript-objekt VS JSON
Även om syntaxen för JSON liknar JavaScript-objektet skiljer sig JSON från JavaScript-objekt.
| JSON | JavaScript-objekt |
|---|---|
| Nyckeln i nyckel / värde-paret ska vara i dubbla citat. | Nyckeln i nyckel / värdepar kan vara utan dubbla citat. |
| JSON kan inte innehålla funktioner. | JavaScript-objekt kan innehålla funktioner. |
| JSON kan skapas och användas av andra programmeringsspråk. | JavaScript-objekt kan endast användas i JavaScript. |
Konverterar JSON till JavaScript-objekt
Du kan konvertera JSON-data till ett JavaScript-objekt med den inbyggda JSON.parse()funktionen. Till exempel,
// json object const jsonData = '( "name": "John", "age": 22 )'; // converting to JavaScript object const obj = JSON.parse(jsonData); // accessing the data console.log(obj.name); // John
Konvertera JavaScript-objekt till JSON
Du kan också konvertera JavaScript-objekt till JSON-format med den inbyggda JavaScript- JSON.stringify()funktionen. Till exempel,
// JavaScript object const jsonData = ( "name": "John", "age": 22 ); // converting to JSON const obj = JSON.stringify(jsonData); // accessing the data console.log(obj); // "("name":"John","age":22)"
Användning av JSON
JSON är det vanligaste formatet för överföring av data (datautbyte) från en server till en klient och vice versa. JSON-data är mycket lätta att analysera och använda. Det är snabbt att komma åt och manipulera JSON-data eftersom de bara innehåller texter.
JSON är språkoberoende. Du kan också skapa och använda JSON på andra programmeringsspråk.
