Firebase查詢和排序

Firebase提供了多種排序數據的方式。 在本章中,我們將學習簡單的查詢示例。 這裏將使用前面章節中的相同數據。數據記錄如下所示 -
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>

執行上面示例代碼,得到以下結果 -
Firebase查詢和排序

按索引排序

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

示例

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

<!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查詢和排序

按值排序

我們也可以按值排序數據。 在Firebase中添加一個評級(ratings)集合。如下圖所示 -
Firebase查詢和排序

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

<!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>

執行上面示例代碼,得到以下結果 -
Firebase查詢和排序

0 條評論,你可以發表評論,我們會進行改進
Comment author placeholder