ホームページ > ウェブフロントエンド > jsチュートリアル > Firebase の投稿を時系列を逆に取得するにはどうすればよいですか?

Firebase の投稿を時系列を逆に取得するにはどうすればよいですか?

Susan Sarandon
リリース: 2024-11-05 19:35:02
オリジナル
1080 人が閲覧しました

How Can I Retrieve Firebase Posts in Reverse Chronological Order?

逆時系列での Firebase 投稿の取得

child() を使用して Firebase からデータを取得する場合、デフォルトの順序は時系列 (古いものから順) になります。最新)。ただし、投稿を逆順(新しいものから古いものへ)に表示する必要がある場合、Firebase は 2 つの基本的なアプローチを提供します。

1. Order by Custom Timestamp Property

反転されたタイムスタンプを保存する新しい子プロパティを各投稿に追加します。例:

<code class="javascript">var ref = new Firebase('https://your.firebaseio.com/sell');
var item = ref.push();
item.setWithPriority(yourObject, 0 - Date.now());</code>
ログイン後にコピー

このプロパティを追加したら、次のクエリを使用してデータを取得します:

<code class="javascript">fbl.child('sell').orderBy('timestamp').limit(20).on("value", function(fbdata) { 
  // handle data display here
}</code>
ログイン後にコピー

2.データを昇順で読み取り、クライアント側を反転します

startAt() と limitToLast() を使用して昇順で投稿を取得します:

<code class="javascript">fbl.child('sell').startAt().limitToLast(20).on('child_added', function(fbdata) {
  console.log(fbdata.exportVal());
})</code>
ログイン後にコピー

child_added イベントは、次の投稿を返します。時系列を逆にします。必要に応じて、クライアント側でそれらを反転できます。

Update

最新の Firebase SDK を使用すると、任意の子または値によってデータを直接並べ替えることができます。これにより、カスタム タイムスタンプ プロパティやクライアント側の反転が不要になります。次のクエリは、投稿を逆時系列で取得します。

<code class="javascript">fbl.child('sell').orderByKey().limitToLast(20).on('child_added', function(fbdata) {
  console.log(fbdata.exportVal());
})</code>
ログイン後にコピー

結論

Firebase には、データを逆時系列で取得するためのオプションがいくつか用意されており、データをカスタマイズできます。アプリケーションの要件に基づいて表示します。

以上がFirebase の投稿を時系列を逆に取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート