기본 객체
날짜 개체 날짜,
형식 : 날짜 객체 이름 = 새 날짜 ([날짜 매개 변수])
날짜 매개 변수 :
1. 생략 (가장 일반적으로 사용);
2. 영어 수문 형식 : 월과 일, 1 년 [시간 : 분 : 초]
예 : 오늘 = 새 날짜 ( "10 월 1,2008 12:00:00")
3. 수치 형식 : 첫해, 월, 일, [시간, 분, 두 번째]
예 : 오늘 = 새로운 날짜 (2008,10,1)
데이트 방법 객체 :
형식 : 날짜 개체 이름. 메소드 ([매개 변수])
사용의 예 :
코드 사본은 다음과 같습니다.
<body>
<script type = "text/javaScript">
var date = new Date (); // JS에서 기본적으로 제공된 개체
document.writeln ( "현재 순간 :" + (date.getyear () + 1900) + "Year"
+ (date.getMonth () + 1) + "Month" + date.getDate ()
+ "day" + ", Week" + Date.getDay () + ", 시간 :"// 일요일은 0이되며 추가 처리가 필요하므로 여기에서 처리되지 않습니다.
+ date.gethours () + ":" + date.getMinutes () + ":" + date.getSeconds ());
</스크립트>
</body>
산출:
현재 순간 : 2014 년 4 월 21 일, 1, 시간 : 14 : 7 : 53
배열 객체
배열 객체의 함수는 별도의 변수 이름을 사용하여 일련의 값을 저장하는 것입니다.
JavaScript Array에는 두 가지 특수 기능이 있습니다.
1. 배열 길이는 불확실하며 자동으로 확장 될 수 있습니다.
2. 배열에 저장된 데이터 유형은 일관성이 없을 수 있습니다. 즉, 다른 데이터 유형은 혼합 스토리지에 저장 될 수 있습니다.
배열 개체에 대한 여러 형식 만들기 :
새로운 배열 ();
반환 된 배열은 비어 있고 길이 필드는 0입니다.
새로운 배열 (크기);
매개 변수 크기는 예상 배열 요소 수입니다. 반환 된 배열, 길이 필드는 크기 값으로 설정됩니다. 이 생성자는 지정된 숫자를 가진 배열을 반환하고 요소는 정의되지 않습니다.
새 배열 (element0, element1, ..., elementn);
이 생성자는 매개 변수로 지정된 값으로 배열을 초기화하고 배열의 길이 필드는 매개 변수 수로 설정됩니다.
배열 객체 이름 = [요소 1, 요소 2, ...]]
(정사각형 괄호가 여기에서 사용됩니다).
새 연산자를 사용하지 않고 생성자를 함수로 호출 할 때, 동작은 새 연산자와 함께 호출 될 때와 정확히 동일합니다.
2 차원 배열을 만들 수도 있습니다.
배열 객체의 방법은 http://www.w3school.com.cn/jsref/jsref_obj_array.asp에서 찾을 수 있습니다.
배열 객체 사용의 예 :
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<title> arraytest.html </title>
<meta http-equiv = "keywords"content = "keyword1, keyword2, keyword3">
<meta http-equiv = "description"content = "이것은 내 페이지입니다">
<meta http-equiv = "content-type"content = "text/html; charset = utf-8">
<!-<link rel = "스타일 시트"유형 = "text/css"href = "./ styles.css">->
</head>
<body>
<script type = "text/javaScript">
// var 과일 = 새 배열 ( "Apple", "Banana", "Pear");
var 과일 = [ "Apple", "Banana", "Pear"]; // 권장 사용
// 요소를 동적으로 추가 할 수 있습니다
과일 .push ( "수박");
과일 .push ( "오렌지");
for (var i = 0; i <fruits.length; ++ i)
{
document.writeln ( "fruit [" + i + "] =" + 과일 [i] + "<br/>");
}
// 배열 방법 테스트
with (문서)
{
쓰기 ( "<ul>");
write ( "<li>" + fruits.join () + "</li>"); // 기본값은 쉼표로 분리하는 데 사용됩니다.
write ( "<li>" + fruits.join ( ";") + "</li>");
write ( "<li>" + fruits.toString () + "</li>");
write ( "<li>" + fruits.reverse (). join () + "</li>");
write ( "<li>" + fruits.valueof () + "</li>");
// 위의 반대 방향이 실제로 배열 자체를 변경했음을 나타냅니다.
쓰기 ( "</ul>");
}
// 2 차원 배열
var people = 새로운 배열 (3);
사람들 [0] = 새로운 배열 (1, "Zhangsan", "Lisi");
사람들 [1] = 새로운 배열 (2, "잭", "루시");
사람들 [2] = 새로운 배열 (3, "Xiaoming", "Xiaohong");
// 데이터 유형은 혼합 방식으로 사용할 수 있습니다.
// 2 차원 배열을 전송합니다
for (var i = 0; i <people.length; ++ i)
{
for (var j = 0; j <people [i] .length; ++ j)
{
document.write ( "사람 [" + i + "] [" + j + "] =" + people [i] [j] + "<br/>");
}
document.write ( "<br/>");
}
</스크립트>
</body>
</html>
문자열 객체
문자열 개체 생성 :
형식 : 문자열 객체 이름 = 새 문자열 (String constant)
형식 : 문자열 변수 이름 = "String Constant"
이메일 확인의 예 :
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<title> emailconfirm.html </title>
<meta http-equiv = "keywords"content = "keyword1, keyword2, keyword3">
<meta http-equiv = "description"content = "이것은 내 페이지입니다">
<meta http-equiv = "content-type"content = "text/html; charset = utf-8">
<!-<link rel = "스타일 시트"유형 = "text/css"href = "./ styles.css">->
<script type = "text/javaScript">
기능 isemail ()
{
var emailvalue = document.getElementsByName ( "이메일") [0] .Value;
if (-1 == emailvalue.indexof ( "@"))
{
경고 ( "올바른 이메일 주소를 작성하십시오");
}
또 다른
{
경고 ( "OK");
}
}
</스크립트>
</head>
<body>
<양식>
이메일 : <input type = "text"name = "email"> <br/>
<입력 유형 = "버튼"value = "check"onclick = "isemail ()">
</form>
</body>
</html>
맞춤 개체
전에 기능에 대해 이야기했을 때 예를 들었습니다. 이제이 예에 대해 이야기하겠습니다.
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<헤드>
<title> ObjectTest.html </title>
<meta http-equiv = "keywords"content = "keyword1, keyword2, keyword3">
<meta http-equiv = "description"content = "이것은 내 페이지입니다">
<meta http-equiv = "content-type"content = "text/html; charset = utf-8">
<!-<link rel = "스타일 시트"유형 = "text/css"href = "./ styles.css">->
</head>
<body>
<script type = "text/javaScript">
// 객체를 정의하는 방법 : 함수를 구성하여
기능 멤버 (이름, 성별)
{
//재산
this.name = 이름;
this.gender = 성별;
//방법
this.display = display; // 멤버 객체의 디스플레이 메소드를 지정합니다.
}
기능 표시 ()
{
var str = this.name + ":" + this.gender;
// 누가이 디스플레이 방법을 사용 했습니까? 이것은 여기에 그 대상을 가리 킵니다
document.writeln (str + "<br/>");
}
// 객체를 생성합니다
var m1 = 새로운 멤버 ( "zhangsan", "male");
var m2 = 새로운 멤버 ( "lisi", "male");
var m3 = 새로운 멤버 ( "Wangwu", "male");
var m4 = 새로운 멤버 ( "Wangfang", "Female");
with (문서)
{
쓰기 ( "출력 속성", "<br/>");
쓰기 (m1.name + ":" + m1.gender + "<br/>");
쓰기 (m2.name + ":" + m2.gender + "<br/>");
쓰기 (m3.name + ":" + m3.gender + "<br/>");
쓰기 (m4.name + ":" + m4.gender + "<br/>");
}
document.write ( "Call Method", "<br/>");
m1.display ();
m2.display ();
m3.display ();
m4.display ();
</스크립트>
</body>
</html>
JavaScript에서 객체의 개념과 사용에 대한 새로운 이해를 얻었습니까? 이 기사 와이 일련의 기사를 좋아할 수 있기를 바랍니다.