データベースから配列でデータ取得してくる方法を知りたい

Question

前提・実現したいこと

フロントエンド環境でjavaScriptにて以下の配列を作っています。
データベース等から配列で変数topicsDataの配列の中の配列([year,month,date,topics])を取得してくる方法はありますでしょうか。

データベース環境は何を選べばいいのかわからない状況です。

発生している問題・エラーメッセージ

現在javaScriptに直接ソースコードのような配列を書けばちゃんと動くようになっているのですが、データが100件と多くなってきた場合にデータベース等から配列を入力する方法を探しています。
何かいい方法ありますでしょうか。

該当のソースコード

let topicsData = [];
        let topicsData = [
　　　　//ここの中身を外から取得したい
            ["2021", "12", "3", "トピックス１"],
            ["2022", "2", "8", "トピックス２"],
            ["2022", "3", "13", "トピックス３"],
            ["2022", "3", "20", "トピックス４"],
            ["2022", "3", "21", "トピックス５"],
            ["2022", "4", "25", "トピックス６"],
            ["2023", "4", "27", "トピックス７"]
        ]

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[megumin_]

JAVAScriptは経験皆無ですが、AccessにExcel等で接続した際にはRecordSetで２次元配列で抽出できます。
レコードとフィールドはＥｘｃｅｌで言えば行と列みたいなものなので、あとは希望の位置を指定するとかで可能でしたね。

[Eskee]

JavaScriptは、ブラウザのフロントエンド環境としてのJavaScriptですか？
Node.jsとしてのサーバーサイドとしてのJavaScriptですか？
2次元配列扱うっていうと、個人的にはGASが思い浮かびますが、もしかしてGASですか？
その辺、明らかにしてから質問してください。

[uratarosu]

回答ありがとうございます、
フロントエンド環境としてのJavaScriptです。
データベース環境は何を選べばいいのかわからない状況です。

[Eskee]

普通は、っていうか、何を持って普通かは人や案件によってケースバイケースですが、その上であえて「普通は」と言いますね。

普通は、データベースとの接続はバックエンド言語で行うので、JavaScriptだからデータベースどうこう、ってのは無いと思うんですが。

確かにFirebaseみたいに直接DB叩けるようなこともありますが、あれは例外だとお考えください。

Answer 1

PHP，JavaなどWebサーバで動作する言語からデータベースに接続し取得するようにしてください。あくまでJavaScriptでの利用にこだわるならAjaxやFetchAPIによる非同期処理になるでしょうか。

データを異なるセッションやユーザーで共有しないのであれば、IndexedbやWebStorageなどがありますが、保存先がブラウザ毎になるため、違うブラウザだと同じ人であっても取れませんし容量も少ないです。

Comments

[uratarosu]

回答ありがとうございます。

javaScript内で他所からデータを取ってこれるのかな？と思っていたのですが、
PHPやJava等他言語から接続してと考えると、データベースとフロントをつなぐための知識が必要だということがわかりました。ありがとうございます。

[m.ts10806]

繋ぐというよりサーバーサイドはWebAPIとしてリクエストを待ち受けてレスポンスを返すだけなので、かなりの疎結合となります。