자바스크립트 객체

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 개체를 생성, 사용 및 수정하는 방법에는 여러 가지가 있습니다.

속성과 메서드를 생성, 사용, 수정하는 방법도 다양합니다.

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> function Person(name,age,job) { this.name=name; this.age=age; this.job=job; 　　this.friends=["Jams","Martin"]; } Person.prototype.sayFriends=function() { alert(this.friends); }; var person1 = new Person("kevin",31,"SE"); var person2 = new Person("Tom",30,"SE"); person1.friends.push("Joe"); person1.sayFriends();//Jams,Martin,Joe person2.sayFriends();//Jams,Martin </script> </body> </html>

제출하다 코드 재설정

자동운전