JavaScript의 모든 것은 문자열, 숫자, 배열, 날짜 등 객체입니다.
JavaScript에서 객체는 속성과 메서드가 있는 데이터입니다.
JavaScript 객체는 여러 키-값 쌍으로 구성된 정렬되지 않은 컬렉션 데이터 유형입니다.
객체 정의
문자를 사용하여 JavaScript 객체를 정의하고 생성할 수 있습니다:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script language="JavaScript">
var person = new Object();
person.name="kevin";
person.age=31;
alert(person.name);
alert(person["age"])
</script>
</head>
<body>
</body>
</html>
객체 속성
"JavaScript 객체는 변수의 컨테이너입니다"라고 말할 수 있습니다.
그러나 우리는 일반적으로 "JavaScript 객체를 키-값 쌍의 컨테이너"로 생각합니다.
키-값 쌍은 일반적으로 이름 : 값으로 작성됩니다(키와 값은 콜론으로 구분됩니다).
JavaScript 객체의 키-값 쌍을 종종 객체 속성이라고 합니다.
JavaScript 객체는 속성 변수의 컨테이너입니다.
객체 키-값 쌍 작성은 다음과 유사합니다.
PHP 사전의 연관 배열 Python의 해시 테이블 C 언어의 해시 테이블 Java의 해시 맵 Ruby 및 Perl의 해시 테이블
JavaScript 객체는 다음과 같습니다. 동적 유형의 경우 객체에 속성을 자유롭게 추가하거나 삭제할 수 있습니다.
var Xiaoming = {
name: '작은명'
};
xiaoming.age // undefine
xiaoming.age = 18; // 연령 속성 추가
xiaoming.age; // 18
delete Xiaoming.age; // 연령 속성 삭제
xiaoming.age; Xiaoming['name']; // 이름 속성 삭제
xiaoming.name; // undefine
delete Xiaoming.school; // 존재하지 않는 학교 속성 삭제
객체 메서드
객체의 메서드는 함수를 정의하고 객체의 속성으로 저장됩니다.
객체 메소드는 ()를 추가하여 (함수로) 호출됩니다.
이 인스턴스는 person 객체의 fullName() 메소드에 액세스합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
var person = {
firstName: "Tom",
lastName : "Jay",
id : 666,
fullName : function()
{
return this.firstName + " and " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>
</html>객체 메소드 액세스
다음 구문을 사용하여 객체 메소드를 생성할 수 있습니다.
methodName : function() { 코드 라인 }
다음 구문을 사용하여 개체 메서드에 액세스할 수 있습니다.
objectName.methodName()
일반적으로 fullName()은 person 개체의 메서드이고 fullName은 속성입니다.
JavaScript 개체를 생성, 사용 및 수정하는 방법에는 여러 가지가 있습니다.
속성과 메서드를 생성, 사용, 수정하는 방법도 다양합니다.
다음 섹션