1. Objectの作成
Objectには、PropertyとMethodがある。
document.wright("Hi, I'm Tom.");
//Object
// Method
1) Costructive Functionを<head>タグ内で利用することで、独自のobjectが作成できる。
<head>
<script type="text/javascript">
function person(name, age) { //object名の値指定
this.name=name; //propertiesの値指定
this.age=age
}
var tommy = new person ("Tommy Robert", 24); // newと指定して新しいオブジェクト
var taylor = new person ("Taylor Swift", 26); // newと指定して新しいオブジェクト
</head>
<body>
document.write(tommy.name)
//object名
//property名
</body>
<script type="text/javascript">
function person(name, age) { //object名の値指定
this.name=name; //propertiesの値指定
this.age=age
}
var tommy = new person ("Tommy Robert", 24); // newと指定して新しいオブジェクト
var taylor = new person ("Taylor Swift", 26); // newと指定して新しいオブジェクト
</head>
<body>
document.write(tommy.name)
//object名
//property名
</body>
2) Object Initializer を<head>タグ内で利用することで、独自のobjectが作成できる。
<head>
<script type="text/javascript">
tommy = (name: "Tommy Robert", age=24); // var とか thisなどは使わない
taylor = (name:"Taylor Swift", 26);
}
var tommy = new person ("Tommy Robert", 24); // newと指定して新しいオブジェクト
var taylor = new person ("Taylor Swift", 26); // newと指定して新しいオブジェクト
</script>
</head>
<body>
<script type="text/javascript">
document.write(tommy.name)
//object名
//property名
</script>
</body>
<script type="text/javascript">
tommy = (name: "Tommy Robert", age=24); // var とか thisなどは使わない
taylor = (name:"Taylor Swift", 26);
}
var tommy = new person ("Tommy Robert", 24); // newと指定して新しいオブジェクト
var taylor = new person ("Taylor Swift", 26); // newと指定して新しいオブジェクト
</script>
</head>
<body>
<script type="text/javascript">
document.write(tommy.name)
//object名
//property名
</script>
</body>
２．Methodの作成
<head>
<script type="text/javascript">
function person(name, age) { //object名の値指定
this.name=name; //propertiesの値指定
this.age=age
this.yearsUntilRetire = yearsLeft; // 新しいメソッドを使うことの宣言/Propertyの追加。 ()は不要。
function yearsLeft(){ // 新しいメソッドの作成
var numYears = 65- this.age;
return numYears;
}
var natalie = new person ("Natalie Portman", 24); // 新しいオブジェクト
</script>
</head>
<body>
<script type="text/javascript">
document.write(natalie.yearsUntilRetire());
//object名yearsUntilRetire());
</script>
</body>
<script type="text/javascript">
function person(name, age) { //object名の値指定
this.name=name; //propertiesの値指定
this.age=age
this.yearsUntilRetire = yearsLeft; // 新しいメソッドを使うことの宣言/Propertyの追加。 ()は不要。
function yearsLeft(){ // 新しいメソッドの作成
var numYears = 65- this.age;
return numYears;
}
var natalie = new person ("Natalie Portman", 24); // 新しいオブジェクト
</script>
</head>
<body>
<script type="text/javascript">
document.write(natalie.yearsUntilRetire());
//object名yearsUntilRetire());
</script>
</body>
3. Array（配列）
1つの変数に複数のオブジェクト
1) 配列の定義の仕方
arrayの作り方(1)
<head> </head>
<body>
<script type="text/javascript">
var people = new Array("Becky", "Tommy", "sarah", "Sophia");// 新しいarray
document.write(people[3]);
</script>
</body>
結果： Sophia <body>
<script type="text/javascript">
var people = new Array("Becky", "Tommy", "sarah", "Sophia");// 新しいarray
document.write(people[3]);
</script>
</body>
arrayの作り方(2)
<head> </head>
<body>
<script type="text/javascript">
var people = new Array(4); // 格納するオブジェクト数を指定。数字を指定せず、Emptyでも良い。
people[0] = "Becky";
people[1] = "Tommy";
people[2] = "sarah";
people[3] = "Sophia";
document.write(people[3]);
</script>
</body>
結果： Sophia <body>
<script type="text/javascript">
var people = new Array(4); // 格納するオブジェクト数を指定。数字を指定せず、Emptyでも良い。
people[0] = "Becky";
people[1] = "Tommy";
people[2] = "sarah";
people[3] = "Sophia";
document.write(people[3]);
</script>
</body>
2) 配列の要素数の取得
オブジェクト（配列名）.length
num = people.length
document.write (num);
output: 4
0 件のコメント:
コメントを投稿