ホーム > javascript > JavaScript 大文字小文字

JavaScript 大文字小文字

JavaScriptリファレンス

大文字小文字は区別される
変数名
関数名
キーワード（予約語）
大文字小文字の変換

大文字小文字は区別される

JavaScript では大文字と小文字を区別します。「変数名」、「関数名」、「キーワード」、「識別子（変数名、関数名、ループラベル名のこと）」で、大文字と小文字は明確に区別されます。

<script type="text/javascript">
//変数名
var a = "a";
var A = "A";
//出力
document.write(a + "<br>");
document.write(A + "<br>");
</script>

//変数名

var a = "a";

var A = "A";

//出力

document.write(a + "<br>");

document.write(A + "<br>");

</script>

例えば alert() は小文字で記述します。Alert() と記述するとエラーが発生します。キーワードの while も必ず小文字で記述する必要があります。 While や WHILE などの記述は無効となります。

変数名 name Name NAME はそれぞれ異なる変数として処理されます。JavaScrip のオブジェクト名やプロパティ名の中には、HTMLのタグ名や属性名と全く同じ名前が使用されている場合が多くあります。HTMLではタグ名や属性名は区別されませんが、JavaScript では、大文字小文字が区別されます。例えば、イベントハンドラ名の onclick ですが、HTMLでは ONCLICK と記述しても大丈夫ですが、JavaScript では小文字で onclick と記述する必要があります。

変数名

name Name NAME はそれぞれ異なる変数名となります。

JavaScript
ブラウザ
html

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//変数名
var name = "name";
var Name = "Name";
var NAME = "NAME";
//出力
document.write(name + "<br>");
document.write(Name + "<br>");
document.write(NAME + "<br>");
</script>
<!-- ============ JavaScript ============ // -->

//変数名

var name = "name";

var Name = "Name";

var NAME = "NAME";

//出力

document.write(name + "<br>");

document.write(Name + "<br>");

document.write(NAME + "<br>");

</script>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="robots" content="all">
<title>JavaScript | WEPICKS!</title>
</head>
<body>

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//変数名
var name = "name";
var Name = "Name";
var NAME = "NAME";
//出力
document.write(name + "<br>");
document.write(Name + "<br>");
document.write(NAME + "<br>");
</script>
<!-- ============ JavaScript ============ // -->

</body>
</html>

<!DOCTYPE html>

<head>

<title>JavaScript | WEPICKS!</title>

</head>

<body>

//変数名

var name = "name";

var Name = "Name";

var NAME = "NAME";

//出力

document.write(name + "<br>");

document.write(Name + "<br>");

document.write(NAME + "<br>");

</script>

</body>

</html>

関数名

func_a と func_A はそれぞれ異なる関数名となります。

JavaScript
ブラウザ
html

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//関数名
function func_a(){
	document.write("func_a実行<br>");

}
function func_A(){
	document.write("func_A実行<br>");

}
func_a();
func_A();
</script>
<!-- ============ JavaScript ============ // -->

//関数名

function func_a(){

document.write("func_a実行<br>");

}

function func_A(){

document.write("func_A実行<br>");

}

func_a();

func_A();

</script>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="robots" content="all">
<title>JavaScript | WEPICKS!</title>
</head>
<body>

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//関数名
function func_a(){
	document.write("func_a実行<br>");

}
function func_A(){
	document.write("func_A実行<br>");

}
func_a();
func_A();
</script>
<!-- ============ JavaScript ============ // -->

</body>
</html>

<!DOCTYPE html>

<head>

<title>JavaScript | WEPICKS!</title>

</head>

<body>

//関数名

function func_a(){

document.write("func_a実行<br>");

}

function func_A(){

document.write("func_A実行<br>");

}

func_a();

func_A();

</script>

</body>

</html>

キーワード（予約語）

キーワード（予約語）は小文字で記述します。キーワードは、ECMAScript の仕様で既存のキーワードとして予約されているものです。

break
case
catch
continue
debugger
default
delete
do
else
finally
for
function
if

in
instanceof
new
return
switch
this
throw
try
typeof
var
void
while
with

大文字小文字の変換

toUpperCase()メソッドで小文字を大文字に変換します。toLowerCase()メソッドで大文字を小文字に変換します。

string = string.toUpperCase();//ABC
string = string.toLowerCase();//abc

1 2	string = string.toUpperCase();//ABC string = string.toLowerCase();//abc

JavaScript
ブラウザ
html

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//toLowerCase 大文字を小文字へ
var string = "LARGE";
string = string.toLowerCase();//小文字
document.write(string+"<br>\n");

//toUpperCase 小文字を大文字へ
var string = "small";
string = string.toUpperCase();//大文字へ
document.write(string+"<br>\n");
</script>
<!-- ============ JavaScript ============ // -->

//toLowerCase 大文字を小文字へ

var string = "LARGE";

string = string.toLowerCase();//小文字

document.write(string+"<br>\n");

//toUpperCase 小文字を大文字へ

var string = "small";

string = string.toUpperCase();//大文字へ

document.write(string+"<br>\n");

</script>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="robots" content="all">
<title>JavaScript | WEPICKS!</title>
</head>
<body>

<!-- // ============ JavaScript ============ -->
<script type="text/javascript">
//toLowerCase 大文字を小文字へ
var string = "LARGE";
string = string.toLowerCase();//小文字 abc
document.write(string+"<br>\n");

//toUpperCase 小文字を大文字へ
var string = "small";
string = string.toUpperCase();//大文字 ABC
document.write(string+"<br>\n");
</script>
<!-- ============ JavaScript ============ // -->

</body>
</html>