資料格式的選擇:XML & JSON


Posted by YongChenSu on 2020-12-06

純文字與自定義格式

用純文字的好處是可以定義任何格式,但壞處是相對得寫處理格式的 funciton。而通常會使用熱門的格式:XML, JSON。

XML

Extensible Markup Language,是一種標記語言,也被使用很久。

<?xml version="1.0" encoding="UTF-8"?>
<user>
    <id>2</id>
    <firstName>Janet</firstName>
    <lastName>Weaver</lastName>
    <avatar>https:....</avatar>
</user>


JSON

JavaScript Object Notation

基於 JavaScript 的物件所產生的資料格式,相同的資料下,占用的體積數比 XML 來得少。

JSON.parse() 將字串轉為 JSON 格式

const request = require('request')
const process = require('process')

request(
  'https://reqres.in/api/users/2',
  function (error, response, body) {
    const json = JSON.parse(body)
    console.log(json)
  }
)

可以看到回傳的內容,顏色、排版都有變化。



使用 dot 取得 JSON 格式裡面的資料

const request = require('request')
const process = require('process')

request(
  'https://reqres.in/api/users/2',
  function (error, response, body) {
    const json = JSON.parse(body)
    console.log(json.data.first_name)
    // Janet
  }
)

JSON.stringify 將物件轉為 JSON 格式的字串

const obj = {
  name: 'YongChen',
  job: 'none'
}

console.log(obj)
// { name: 'YongChen', job: 'none'}
console.log(JSON.stringify(obj))
// {"name": "YongChen", "job": "none"}

  • 在任何的語言裡面,只要有能解析 JSON 格式的 library,即可使用 JSON 格式。
  • JSON 是最常被使用的資料格式。

參考資源


#程式導師實驗計畫第四期 #前端 #xml #JSON







Related Posts

Day 62 - Coffee & Wifi Project

Day 62 - Coffee & Wifi Project

React 基礎:先別急著學 React

React 基礎:先別急著學 React

2019 年回顧 — 菜鳥網頁工程師的職涯分享

2019 年回顧 — 菜鳥網頁工程師的職涯分享


Comments