ホームページ > 記事 > ウェブフロントエンド > jsオブジェクト指向のサンプル解説

jsオブジェクト指向のサンプル解説

小云云オリジナル: 2018-03-14 16:55:551094ブラウズ

私たちは、js オブジェクト指向に関する多くの知識を皆さんと共有してきましたが、この記事では主に js オブジェクト指向の例の説明を皆さんに共有し、皆さんのお役に立てれば幸いです。

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body>
	<script type="text/javascript">
		function people(name,age){
			this.name = name;
			this.age = age;
		}
		son = new people("leo",30);
		document.write("name : "+son.name+" , age : "+son.age);
	</script>
</body>
</html>

1) 文字列: 文字列では一重引用符または二重引用符を使用できます

1 文字列内の文字列を検索します:indexOf() 戻り位置 (0 から開始) がある場合、存在しない場合は -1 が返されます。返されました

2 一致する内容: match ()

3 置換された内容: replace("original","change")

4 文字列の大文字と小文字の変換 toUpperCase()/toLowerCase()

5 文字列を配列 split() に変換します

例:

var str1 = "hello oo";
var s = str1.split(" ");
document.write(s[1]);

2) Date

var Date = new Date();

document.write(date);

getFull Year() 現在の年を取得

getTime() ミリ秒を取得

setFull Year() Set時間

getHours( ) getMinutes() getSeconds()

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8">
</head>
<body onload="startTime()">
	<script type="text/javascript">
		function startTime(){
			var today = new Date();
			var h = today.getHours();
			var m = today.getMinutes();
			var s = today.getSeconds();
			m = checkTime(m);
			s = checkTime(s);
			document.getElementById("time").innerHTML = h+" : "+m+" : "+s;
			t = setTimeout(function(){
				startTime();
			},1000);
		}
		
		function checkTime(i){
			if(i<10){
				i="0"+i;
			}
			return i;
		}
	</script>
	<p id="time"></p>
</body>
</html>

jsオブジェクト指向のサンプル解説

関連記事