全端勇士之路 Node.js 基礎學習-Firebase 基礎認識(2)

發表於 2019-06-28 分類於 Nodejs

Google AD

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

Liker 讚賞

這篇筆記文章如果對你有幫助，
你可以考慮花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

｜

接下來這篇將會記錄一下比較進階一點的查詢 API 語法，舉凡排序、限制筆數等等。

前言

接下來這篇將會記錄一下比較進階一點的查詢 API 語法，舉凡排序、限制筆數等等。

起手式

這邊要先準備一下範例資料，否則該怎麼做排序你說是吧?

const data = {
  jack: {
    height: 172,
    weight: 60
  },
  mark: {
    height: 178,
    weight: 42
  },
  tom: {
    height: 162,
    weight: 57
  }
};

firebase.database().ref().set(data);

orderByChild() 排序

接下來要我們可以針對身高或是體重做排序，而這邊會使用到的語法是 orderByChild()，這邊有一個雷點要注意，如果要排序的動作，必須搭配forEach()語法，但是要注意這個語法是 firebase 所提供的唷。

const ref = firebase.database().ref().orderByChild('height');
let data = [];
ref.once('value', function(snapshot) {
  snapshot.forEach((item) => {
    data.push(item.val());
  })
  app.textContent = JSON.stringify(data, null, 2);
})

基本上它會從小到大

orderByChild

所以如果要讓它反過來排序的話就要使用 reverse

const ref = firebase.database().ref().orderByChild('height');
let data = [];
ref.once('value', function(snapshot) {
  snapshot.forEach((item) => {
    data.push(item.val());
  })
  app.textContent = JSON.stringify(data.reverse(), null, 2);
})

reverse

過濾條件

如果要指令搜尋的範圍基本上會使用到這三個語法 startAt()、endAt()、equalTo()

基本上觀念就是路徑 (ref) >排序 (orderBy) >過濾 (stratAt、endAt、equalTo) >讀取 (on、once) >迴圈 (forEach) 依序撈資料

equalTo() 相等

假設今天我只找身高等於 172 的人，那麼就這樣寫

const ref = firebase.database().ref();
let data = [];
ref.orderByChild('height').equalTo(172).once('value', function(snapshot) {
  snapshot.forEach((item) => {
    console.log(item.val());
    data.push(item.val());
  })
  app.textContent = JSON.stringify(data.reverse(), null, 2);
})

equalTo

startAt() 多少以上

假設我今天要找身高高於 170 的人

const ref = firebase.database().ref();
let data = [];
ref.orderByChild('height').startAt(170).once('value', function(snapshot) {
  snapshot.forEach((item) => {
    console.log(item.val());
    data.push(item.val());
  })
  app.textContent = JSON.stringify(data.reverse(), null, 2);
})

startAt

endAt() 多少以下

接下來搜尋身高 175 以下的人

const ref = firebase.database().ref();
let data = [];
ref.orderByChild('height').endAt(175).once('value', function(snapshot) {
  snapshot.forEach((item) => {
    console.log(item.val());
    data.push(item.val());
  })
  app.textContent = JSON.stringify(data.reverse(), null, 2);
})

endAt

限制筆數

基本上限制筆數會使用兩個語法 limitToFirst()、limitToLast()

limitToFirst() 從頭第幾個開始取得資料

假設我從前第二個開始

const ref = firebase.database().ref();
let data = [];
ref.orderByChild('height').limitToFirst(2).once('value', function(snapshot) {
  snapshot.forEach((item) => {
    console.log(item.val());
    data.push(item.val());
  })
  app.textContent = JSON.stringify(data.reverse(), null, 2);
})

limitToFirst

limitToLast() 從尾第幾個開始取得資料

假設我從後第二個開始

const ref = firebase.database().ref();
let data = [];
ref.orderByChild('height').limitToLast(2).once('value', function(snapshot) {
  snapshot.forEach((item) => {
    console.log(item.val());
    data.push(item.val());
  })
  app.textContent = JSON.stringify(data.reverse(), null, 2);
})

limitToLast

補充

最後補充另一種新增資料的方法 push() 使用這個方法後將會產生亂數的編號，大概像這樣

push

而這亂數編號就可以當它的 key，完整寫法像這樣

var data = {
  name: {
      content: '1234'
  }
}

firebase.database().ref('data').push(data);

push