JavaScript オブジェクト 新しいページはコチラ
提供: yonewiki
(→prototype) |
(→prototype) |
||
87行: | 87行: | ||
[[Media:JavaScript Object constructor.html|実行結果サンプル]] | [[Media:JavaScript Object constructor.html|実行結果サンプル]] | ||
− | == prototype == | + | == prototype プロパティ== |
*Object.prototype.dateToday = "2016/02/23"; | *Object.prototype.dateToday = "2016/02/23"; | ||
:上記のようにすることで、ObjectというオブジェクトにdateTodayというプロパティが作成されると同時に値として文字列の2016/02/23が格納されます。したがって、Objectという空のオブジェクトを保持するオブジェクトobjName1のようなオブジェクトにはobjName1.dateTodayというプロパティの参照や値の入れ替えが可能です。サンプルは前述から追加した部分を☆☆☆マークで示しました。 | :上記のようにすることで、ObjectというオブジェクトにdateTodayというプロパティが作成されると同時に値として文字列の2016/02/23が格納されます。したがって、Objectという空のオブジェクトを保持するオブジェクトobjName1のようなオブジェクトにはobjName1.dateTodayというプロパティの参照や値の入れ替えが可能です。サンプルは前述から追加した部分を☆☆☆マークで示しました。 | ||
136行: | 136行: | ||
上記のようにobjName1オブジェクトを生成してからprototypeによって新しくObjectのプロパティとしてdateTodayを追加したとしても、objName1のdateTodayプロパティの値の保持が反映されます。あんまり役に立たない技術かもしれませんが、こんなこともできるよという程度です。 | 上記のようにobjName1オブジェクトを生成してからprototypeによって新しくObjectのプロパティとしてdateTodayを追加したとしても、objName1のdateTodayプロパティの値の保持が反映されます。あんまり役に立たない技術かもしれませんが、こんなこともできるよという程度です。 | ||
+ | |||
+ | |||
+ | == valueOf メソッド == | ||
+ | *Object.prototype.dateToday = "2016/02/23"; | ||
+ | |||
+ | |||
+ | サンプル | ||
+ | <syntaxhighlight lang="javascript" line start="1"> | ||
+ | <HTML> | ||
+ | <HEAD> | ||
+ | <TITLE>JavaScript .valueOf()</TITLE> | ||
+ | </HEAD> | ||
+ | <BODY> | ||
+ | JavaScript .valueOf()<br /> | ||
+ | <SCRIPT Language="JavaScript"> | ||
+ | <!-- | ||
+ | objObject = new Object; | ||
+ | objArray = new Array('1', '2'); | ||
+ | objBoolean = new Boolean; | ||
+ | objDate = new Date; | ||
+ | objFunction= new Function; | ||
+ | objNumber = new Number(123); | ||
+ | objString = new String("1234"); | ||
+ | with(document){ | ||
+ | write("<TABLE BORDER=\"1\">\n"); | ||
+ | write("<TR>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write("Object.valueOf()\n"); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(Object.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(objObject.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("</TR>\n"); | ||
+ | write("<TR>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write("Array.valueOf()\n"); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(Array.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(objArray.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("</TR>\n"); | ||
+ | write("<TR>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write("Boolean.valueOf()\n"); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(Boolean.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(objBoolean.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("</TR>\n"); | ||
+ | write("<TR>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write("Date.valueOf()\n"); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(Date.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(objDate.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("</TR>\n"); | ||
+ | write("<TR>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write("Function.valueOf()\n"); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(Function.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(objFunction.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("</TR>\n"); | ||
+ | write("<TR>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write("Number.valueOf()\n"); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(Number.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(objNumber.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("</TR>\n"); | ||
+ | write("<TR>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write("String.valueOf()\n"); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(String.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("<TD>\n"); | ||
+ | write(objString.valueOf()); | ||
+ | write("</TD>\n"); | ||
+ | write("</TR>\n"); | ||
+ | write("</TABLE>\n"); | ||
+ | } | ||
+ | --> | ||
+ | </SCRIPT> | ||
+ | </BODY> | ||
+ | </HTML> | ||
+ | |||
+ | </syntaxhighlight> | ||
+ | [[Media:JavaScript Object valueOf.html|実行結果サンプル]] | ||
== 記事作成用テンプレート == | == 記事作成用テンプレート == |