ASP.NETとC# ビューの書き方(変数/配列/if/for)

ASP.NETとC#のビューの書き方のサンプルです。

目次

サンプル ビューのコメント
  変数 / 配列
  if文 / for文 / while文 / switch文

ビューのコメント

ビューのコメントは、開始は@*で終了は*@です。

@*
	コメント1
*@
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	Hello World
</body>
</html>

1~3行目はコメントです。アットマーク(@)とアスタリスク(*)を使用します。

変数

変数の宣言は@{}の中に書き、使用時は変数の前に@をつけます。

@{
	var str = "テスト";
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	@str
</body>
</html>

9行目は、画面のhtml表示時に変数の値の「テスト」が表示されます。

配列

@{
	var arr = new[] { "赤", "黄", "青" };
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	@foreach (var str in arr)
	{
		<p>@str</p>
	}
</body>
</html>

2行目は、配列です。
9~11行目は、foreach文で配列の値を出力します。

if文

@{
	var str = "B";
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	@if (str == "A")
	{
		<p>red</p>
	}
	else if (str == "B")
	{
		<p>yellow</p>
	}
	else
	{
		<p>blue</p>
	}
</body>
</html>

9行目からは、if文です。
13行目のelse Ifは、elseとIfの間に空白があります。

for文

@{
	var arr = new[] { "赤", "黄", "青" };
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	@foreach (var str in arr)
	{
		<p>@str</p>
	}
	@for (var i = 0; i < arr.Length; i++)
	{
		<p>@arr[i]</p>
	}
</body>
</html>

9行目は、foreach文で配列の個数分ループします。
13行目は、配列の個数分ループし添字で配列の値を表示します。

while文

@{
	var i = 0;
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	@while (i < 5)
	{
		<p>@i</p>
		i++;
	}
</body>
</html>

9行からは、While 文です。
12行目の値を1つ加算しています。ないと無限ループになるので注意が必要です。

switch文

@{
	var str = "B";
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
	@switch (str)
	{
		case "A":
			<p>red</p>
			break;
		case "B":
			<p>yellow</p>
			break;
		default:
			<p>blue</p>
			break;
	}
</body>
</html>

9行からは、switch文です。breakが必要です。
17行目のdefaultは、条件の値がどのcaseの値にも一致しない時に実行されます。

関連の記事

C# if文 条件分岐を行うサンプル
C# switch文のサンプル

△上に戻る