Firebase查詢和排序 - tw511教學網

Firebase提供了多種排序資料的方式。在本章中，我們將學習簡單的查詢範例。這裡將使用前面章節中的相同資料。資料記錄如下所示 -

按子列排序

要按name列排序資料，可以使用下面的程式碼。

範例

讓我們來看看下面的例子。

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>FireBase Example</title>
        <script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
        <script>
          // Initialize Firebase
          var config = {
            apiKey: "AIzaSyAOSPYpgn7T_bKa6VbCaSeQlsw-3p3zqDs",
            authDomain: "yiibai-firebase.firebaseapp.com",
            databaseURL: "https://yiibai-firebase.firebaseio.com/",
            projectId: "yiibai-firebase",
            storageBucket: "yiibai-firebase.appspot.com",
            messagingSenderId: "334522625008"
          };
          firebase.initializeApp(config);
          var playersRef = firebase.database().ref("players/");

            playersRef.orderByChild("name").on("child_added", function(data) {
               console.log(data.val().name);
            });
        </script>
    </head>
<body>

執行上面範例程式碼，得到以下結果 -

按索引排序

我們可以通過類似的方式:按索引鍵來排序資料。

範例

讓我們看看下面的一個例子。

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>FireBase Example</title>
        <script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
        <script>
          // Initialize Firebase
          var config = {
            apiKey: "AIzaSyAOSPYpgn7T_bKa6VbCaSeQlsw-3p3zqDs",
            authDomain: "yiibai-firebase.firebaseapp.com",
            databaseURL: "https://yiibai-firebase.firebaseio.com/",
            projectId: "yiibai-firebase",
            storageBucket: "yiibai-firebase.appspot.com",
            messagingSenderId: "334522625008"
          };
          firebase.initializeApp(config);
          var playersRef = firebase.database().ref("players/");

            playersRef.orderByKey().on("child_added", function(data) {
               console.log(data.key);
            });
        </script>
    </head>
<body>

執行上面範例程式碼，得到以下結果 -

按值排序

我們也可以按值排序資料。在Firebase中新增一個評級(ratings)集合。如下圖所示 -

現在可以按照每個運動員的值來排序資料。參考下面的例子。

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>FireBase Example</title>
        <script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
        <script>
          // Initialize Firebase
          var config = {
            apiKey: "AIzaSyAOSPYpgn7T_bKa6VbCaSeQlsw-3p3zqDs",
            authDomain: "yiibai-firebase.firebaseapp.com",
            databaseURL: "https://yiibai-firebase.firebaseio.com/",
            projectId: "yiibai-firebase",
            storageBucket: "yiibai-firebase.appspot.com",
            messagingSenderId: "334522625008"
          };
          firebase.initializeApp(config);
         var ratingRef = firebase.database().ref("ratings/");

            ratingRef.orderByValue().on("value", function(data) {               
               data.forEach(function(data) {
                  console.log(" " + data.key + " 等級排序是:" + data.val());
               });

            });
        </script>
    </head>
<body>

執行上面範例程式碼，得到以下結果 -