JavaScriptの配列をC#の配列に変換する方法をわかりやすく解説

フロントエンド（JavaScript）とバックエンド（C#）の間でデータを受け渡す際、JavaScriptの配列をそのままC#で扱うことはできません。そこで、配列を一度文字列に変換し、C#側で分割（Split）して配列として復元するという手法がよく使われます。この記事では、その具体的な手順をサンプルコード付きで解説します。

手順1：JavaScriptで配列を作成する

まず、変換元となるJavaScriptの配列を用意します。

<script>
    var myArr = new Array(5);
    myArr[0] = "Welcome";
    myArr[1] = "to";
    myArr[2] = "the";
    myArr[3] = "Web";
    myArr[4] = "World";
</script>

この例では5つの文字列要素を持つ配列「myArr」を作成しています。

手順2：join()メソッドで配列を文字列に変換する

次に、join()メソッドを使って配列の各要素をカンマ区切りの1つの文字列にまとめます。

document.getElementById('demo1').value = myArr.join(',');

この処理により、配列は以下のような文字列に変換されます。

Welcome,to,the,Web,World

この文字列を、隠しフィールド（hidden input）やAjaxリクエストなどを通じてサーバー側へ送信します。

手順3：C#側でSplit()を使って配列に復元する

サーバー側（C#）では、受け取った文字列をSplit()メソッドでカンマを区切り文字として分割し、文字列配列に変換します。

string[] str = demo.Split(",".ToCharArray());

ここでdemoは、クライアントから送られてきたカンマ区切りの文字列です。Split()を実行すると、各要素が分割されたC#の文字列配列が得られます。

補足：より安全な書き方

C#では、区切り文字を文字列として直接指定できるオーバーロードもあります。

string[] str = demo.Split(',');

また、空の要素を除外したい場合は以下のように記述できます。

string[] str = demo.Split(',', StringSplitOptions.RemoveEmptyEntries);

まとめ

JavaScriptの配列をC#の配列に変換する基本的な流れは以下の通りです。

• JavaScript側： join(',')で配列をカンマ区切りの文字列に変換する
• データ送信： 文字列をサーバーへ送る（hiddenフィールドやAjaxなど）
• C#側： Split()で文字列を分割し、配列として復元する

この方法はシンプルながら実用的で、フォーム送信やAjax通信など、さまざまな場面で活用できます。要素内にカンマが含まれる可能性がある場合は、別の区切り文字（例：|）を使用するか、JSON形式での受け渡しを検討するとよいでしょう。