JavaScript 개체는 키 쌍 값인 여러 속성을 처리합니다. 이러한 속성은 JavaScript에서 정의된 개체의 품질과 특성을 지정하는 데 사용됩니다. 개체가 생성되면 관련 속성을 동적으로 추가, 삭제 및 수정할 수 있습니다. 보다 구체적으로, 개체에 속성을 추가하는 데 사용할 수 있는 여러 JavaScript 메서드가 있습니다.
이 게시물에서는 JavaScript에서 객체에 속성을 추가하는 여러 가지 방법을 설명합니다.
JavaScript에서 개체에 속성을 추가/삽입하는 방법은 무엇입니까?
이제 객체에 속성을 추가하는 다음 방법을 다룰 것입니다.
- 방법 1: 점 표기법(.)을 사용하여 속성 추가
- 방법 2: Object.assign() 메서드를 사용하여 속성 추가
- 방법 3: Object.defineProperty() 메서드를 사용하여 속성 추가
방법 1: 점 표기법(.)을 사용하여 객체에 속성 추가
점 표기법은 객체의 속성에 액세스하는 방법입니다. 점 표기법으로 작성할 때는 객체명을 먼저 적고 점(.)을 적고 속성명을 넣어야 한다.
예
먼저 '의 도움으로 객체를 선언합니다. 허락하다 ” 키워드를 사용하고 블록 내에서 정의된 개체에 속성을 할당합니다.
obj를하자 = {
이름 : '장교' ,
나이 : 14 ,
} ;
사용 ' 콘솔.로그() ” 메서드를 호출하고 인수 “를 전달합니다. 객체 ” 콘솔에 표시하려면:
콘솔. 통나무 ( 객체 ) ;이제 점 표기법을 사용하여 속성을 추가합니다.
객체 교육 = '소프트웨어 엔지니어' ;
콘솔에 출력 표시:
콘솔. 통나무 ( 객체 ) ;산출
방법 2: Object.assign() 메서드를 사용하여 객체에 속성 추가
우리는 또한 ' 양수인() ” 개체에 속성을 추가하는 JavaScript의 기본 제공 메서드입니다. “ Object.assign() ”는 개체를 대상으로 하기 위해 하나 이상의 소스 개체에서 셀 수 있는 모든 기능 및 속성을 복사하는 데 사용되는 JavaScript의 정적 메서드입니다.
통사론
object.assign() 메서드를 사용하려면 다음 구문을 확인하세요.
물체 . 양수인 ( 표적 , 원천 ) ;위 구문에서:
- “ 표적 ” 속성 값이 복사될 개체를 결정합니다.
- “ 원천 ”는 해당 속성 값을 복사해야 하는 개체를 나타냅니다.
예
이 예제에서는 먼저 변수를 선언하고 속성을 할당합니다. 그런 다음 동일한 절차에 따라 다른 변수를 선언합니다.
직원 = { 이름 : '다이아나' , 나이 : 23 } ;정보를 보자 = { 성별 : '여성' , 국적 : '캐나다 사람' } ;
사용 ' Object.assign() ” 메서드를 호출하고 인수를 전달합니다. 여기서 첫 번째 매개변수는 대상 개체이고 두 번째 매개변수는 소스 개체입니다. 이 메서드는 대상 값의 모든 소스 값을 복사합니다.
물체 . 양수인 ( 직원 , 정보 ) ;그런 다음 ' 콘솔.로그() ” 콘솔에 결과를 표시하는 방법:
콘솔. 통나무 ( 직원 ) ;콘솔. 통나무 ( 정보 ) ;
산출
방법 3: Object.defineProperty() 메서드를 사용하여 객체에 속성 추가
“ Object.defineProperty() ”는 객체에 직접 최신 속성을 정의하거나 객체의 기존 속성을 변경하여 객체를 반환하는 데 활용되는 JavaScript 정적 메서드입니다.
통사론
'를 사용하려면 Object.defineProperty() ” 메서드를 사용하려면 다음 구문을 따르세요.
물체 . 정의 속성 ( 객체 , new_property , 구성 ) ;여기:
- “ 객체 '는 개체를 나타냅니다.
- “ new_property ”는 추가할 속성을 결정합니다.
- “ 구성 ”는 변경 및 수정할 수 있는 값을 정의합니다.
예
'의 도움으로 객체를 선언하십시오. 허락하다 ”키워드:
obj를하자 = { } ;'를 활용 Object.defineProperty() ” 메서드를 호출하고 인수를 전달하고 쓰기 가능한 속성의 값을 true로 설정합니다. 따라서 이제 개체 obj의 id 속성을 변경할 수 있습니다.
물체 . 정의 속성 ( 객체 , 'ID' , {값 : 137 ,
쓰기 가능 : 진실
} ) ;
'를 사용하여 속성을 추가합니다. obj.id ” 값을 할당합니다.
객체 ID = 214 ;전달된 인수에 따라 콘솔에 변경된 속성 값이 표시됩니다.
콘솔. 통나무 ( '개체 ID:' , 객체 ID ) ;쓰기 가능한 속성 값을 false로 설정합니다. 결과적으로 개체 obj의 이름 속성은 이제 변경할 수 없습니다.
물체 . 정의 속성 ( 객체 , '이름' , {값 : '장교' ,
쓰기 가능 : 거짓 } ) ;
'를 사용하여 속성을 추가합니다. 개체 이름 ” 값을 할당합니다.
객체 이름 = '하프사 자베드' ;전달된 인수에 따라 콘솔은 전달된 new(Hafsa Javed) 속성 값이 아니라 이전(Hafsa) 값을 표시합니다.
콘솔. 통나무 ( '개체 이름:' , 객체 이름 ) ;JavaScript에서 객체에 속성을 추가하는 것이 전부입니다.
결론
JavaScript에서 객체에 속성을 추가하려면 여러 가지 방법을 사용할 수 있습니다. 사용자는 '를 활용하여 개체에 속성을 추가할 수 있습니다. 점 표기(.) ”, “ Object.assign() ” 방법 또는 “ Object.defineProperty() ' 방법. 이 게시물은 JavaScript에서 객체에 속성을 추가하는 여러 가지 방법을 설명했습니다.