JSON(JavaScript對象表示)是一種輕量級的數據交換格式。在聯系人應用程序中,我們可以使用JSON存儲聯系人的姓名、電子郵件地址、電話號碼等詳細信息。
以下是一個簡單的JSON對象,其中包含兩個聯系人的信息:
{ "contacts": [ { "firstName": "張", "lastName": "三", "email": "zhangsan@example.com", "phone": "123456789" }, { "firstName": "李", "lastName": "四", "email": "lisi@example.com", "phone": "987654321" } ] }
在JavaScript中,我們可以使用JSON.parse()方法將JSON對象解析為JavaScript對象:
var json = '{"contacts":[{"firstName":"張","lastName":"三","email":"zhangsan@example.com","phone":"123456789"},{"firstName":"李","lastName":"四","email":"lisi@example.com","phone":"987654321"}]}'; var obj = JSON.parse(json);
現在,我們可以使用JavaScript對象來訪問聯系人的詳細信息:
var firstName = obj.contacts[0].firstName; var lastName = obj.contacts[0].lastName; var email = obj.contacts[0].email; var phone = obj.contacts[0].phone; console.log(firstName + ' ' + lastName + ' 的郵箱是 ' + email + ' 電話是 ' + phone);
以上代碼將輸出:
張 三 的郵箱是 zhangsan@example.com 電話是 123456789
如果我們想將JavaScript對象轉換為JSON對象,則可以使用JSON.stringify()方法:
var obj = { contacts: [ { firstName: '張', lastName: '三', email: 'zhangsan@example.com', phone: '123456789' }, { firstName: '李', lastName: '四', email: 'lisi@example.com', phone: '987654321' } ] }; var json = JSON.stringify(obj); console.log(json);
輸出的JSON字符串如下:
{ "contacts": [ { "firstName": "張", "lastName": "三", "email": "zhangsan@example.com", "phone": "123456789" }, { "firstName": "李", "lastName": "四", "email": "lisi@example.com", "phone": "987654321" } ] }
上一篇css背景圖設置大小