>웹 프론트엔드 >JS 튜토리얼 >객체 속성과 메소드_자바스크립트 기술을 동적으로 추가, 수정, 삭제하는 자바스크립트에 대한 자세한 설명

객체 속성과 메소드_자바스크립트 기술을 동적으로 추가, 수정, 삭제하는 자바스크립트에 대한 자세한 설명

WBOY
WBOY원래의
2016-05-16 17:02:121370검색

이제 객체의 속성과 메소드를 추가, 수정, 삭제하는 방법을 소개하겠습니다. 다른 언어에서는 객체가 생성되면 변경할 수 없습니다. 수정된 멤버를 객체에 추가하려면 해당 클래스에서 수정하고 다시 인스턴스화해야 하며 프로그램을 다시 컴파일해야 합니다. 이는 객체의 동작을 수정하는 유연한 메커니즘을 제공하고 속성과 메서드를 동적으로 추가, 수정 및 삭제할 수 있는 JavaScript의 경우에는 해당되지 않습니다. 예를 들어 먼저 Object 클래스를 사용하여 빈 객체 user를 생성합니다.
var user=new Object();

1. 속성 추가
현재 사용자 개체에는 속성과 메서드가 없으므로 분명히 쓸모가 없습니다. 그러나 속성과 메소드를 동적으로 추가할 수 있습니다. 예를 들어
user.name="jack";
user.age=21>
user.sex="male"
위의 명령문에서 사용자 개체에는 이름, 나이, 성별의 세 가지 속성이 있습니다. 아래 세 가지 명령문을 출력합니다.
alert(user.name);
alert(user.age);
alert(user.sex)
세 가지 속성은 완전히 사용자 개체에 속합니다.

2. 메소드 추가
메소드 추가 프로세스는 속성과 유사합니다:
user.alert=function(){
alert(“내 이름은:” this.name);
}
사용자 개체에 "alert" 메소드를 추가하면 이름 소개를 표시하는 대화 상자가 나타납니다.
user.alert();

3. 속성 수정
속성을 수정하는 프로세스는 이전 속성을 새 속성으로 바꾸는 것입니다. 예:
user.name="tom";
user.alert=function(){
Alert("hello," this.name);
}
사용자 객체의 name 속성 값과 경고 방법을 수정합니다. "내 이름은" 표시에서 "" 표시로 변경됩니다. 안녕하세요".

4. 속성 삭제
속성을 삭제하는 프로세스도 매우 간단합니다. 즉, 속성을 정의되지 않음으로 설정하는 것입니다.
user.name=undefine;
user.alert=undefine;
이것은 이름이 삭제되는 방식 속성 및 경고 방법. 코드 후반부에서는 이러한 속성을 사용할 수 없게 됩니다.
속성을 추가, 수정 또는 삭제할 때 참조 속성과 같은 대괄호([]) 구문을 사용할 수도 있습니다.
user[“name”]=”tom”;
이 방법을 사용하면 추가로 특징은 식별자가 아닌 문자열을 속성 이름으로 사용할 수 있다는 것입니다. 예를 들어
에서는 식별자가 숫자나 공백으로 시작하는 것을 허용하지 않지만 대괄호([]) 구문에서는 사용할 수 있습니다:
user[“ my name”]=”tom”;
이 비식별자를 이름 속성으로 사용할 때 다음과 같이 인용하려면 대괄호 구문을 사용해야 한다는 점에 유의해야 합니다.
alert(user[“my name" ]);
다음과 같이 작성할 수는 없습니다:
alert(user.my name);
이 객체 속성을 사용하면 간단한 해시 테이블을 구현하는 것도 쉽습니다. 나중에 신청하세요. JavaScript의 모든 개체는 동적으로 가변적이므로 프로그래밍에 큰 유연성을 제공하며 독자는 이 속성을 이해할 수 있습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.