首頁 >web前端 >js教程 >js中JSON語法在前端的應用

js中JSON語法在前端的應用

云罗郡主
云罗郡主轉載
2018-10-12 16:36:272348瀏覽

這篇文章帶給大家的內容是關於js中JSON語法在前端中的應用,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

js中JSON語法在前端的應用

前端---js中JSON語法

JSON 語法是 JavaScript 語法的子集。 JSON(JavaScript Object Notation)語法提供了一種更簡單的方式來建立對象,使用JSON語法可避免書寫函數,也可避免使用new關鍵字,可以直接穿件一個JavaScript對象。為了建立JavaScript對象,可以使用花括號,然後將每個屬性寫成"key:value"對的形式。

JSON 語法規則

JSON 語法是 JavaScript 物件表示語法的子集。

資料在名稱/值對中資料由逗號分隔大括號保存物件中括號保存數組

JSON 名稱/值對

JSON 數據的書寫格式是:名稱/值對。

名稱/值對包含欄位名稱(在雙引號中),後面寫一個冒號,然後是值:

"name" : "菜鳥教學"

這很容易理解,等價於這條JavaScript 語句:

name = "菜鳥教學"

JSON 值

JSON 值可以是:

數字(整數或浮點數) 字串(在雙引號中) 邏輯值(true 或false) 陣列(在中括號中) 物件(在大括號中) null

#JSON 數字

JSON 數字可以是整數或浮點型:

{ "age":30 }

JSON 物件

## JSON 物件在大括號({})中書寫:

物件可以包含多個名稱/值對:

{ "name":"菜鳥教學" , "url":"www .runoob.com" }

這一點也很容易理解,與這條JavaScript 語句等價:

name = "菜鳥教學" url = "www.runoob.com"

JSON 陣列

JSON 陣列在中括號中書寫:

陣列可包含多個物件:

{ "sites": [ { "name":"菜鸟教程" , "url":"www.runoob.com" }, { "name":"google" , "url":"www.google.com" }, { "name":"微博" , "url":"www.weibo.com" } ] }

在上面的範例中,物件"sites" 是包含三個物件的陣列。每個物件代表一筆關於某個網站(name、url)的記錄。

以上就是對js中JSON語法在前端中的應用的全部介紹,如果您想了解更多有關

JavaScript視頻教程,請關注PHP中文網。


以上是js中JSON語法在前端的應用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:2cto.com。如有侵權,請聯絡admin@php.cn刪除