> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 객체

JavaScript의 객체

Susan Sarandon
풀어 주다: 2024-09-19 22:30:49
원래의
1075명이 탐색했습니다.

Objects in JavaScript

에는 콜론으로 구분된 키-값 쌍이 있습니다. 키는 속성이라고도 합니다
유사성: 배열의 인덱스가 객체의 키로 대체됩니다.
객체 리터럴 구문은 {}
내부에 속성을 직접 작성합니다. 객체의 경우 검색 중 순서가 중요하지 않지만 배열의 경우 순서가 중요합니다.

배열: 구조화된 데이터에 사용
객체: 구조화되지 않은 데이터에 사용됩니다

객체의 속성 조회 방법:

  1. 점 표기법 사용
  2. 괄호 표기법 사용: 키는 따옴표 안의 [] 안의 문자열로 정의되며, 키 이름은 표현식일 수도 있습니다. 전. obj['이름']; 전. 객체[2 3]; 표현식을 입력하면 점 표기법이 작동하지 않습니다. 계산된 속성 이름이 아닌 최종 속성 이름을 사용해야 합니다.

따라서 계산된 속성 이름이 있는 경우 대괄호 표기법을 사용하는 것이 좋습니다.

속성이 존재하지 않고 해당 속성에 액세스하려고 하면 정의되지 않음이 반환됩니다.

obj['insta-id'] = '@juju';

자세한 내용은 MDN의 연산자 우선순위 표를 참조하세요.

객체 메소드

Fns는 일종의 값입니다. 따라서 값이 fn인 키-값 쌍을 만들 수 있습니다. 즉, 개체에 fns를 추가할 수 있습니다.
Fn 표현식은 객체 내부의 메서드, 즉 키 값으로 객체에 첨부된 fn이 됩니다.
개체 내부의 Fn 선언이 작동하지 않습니다.
메소드는 fn 값을 보유하는 객체의 속성이기도 합니다.
배열, 문자열, 부울, fn 등의 형식으로 값을 가질 수 있습니다.
obj.propName(); // fn 값을 가져오고 ()

를 사용하여 실행합니다.

'this' : 호출된 개체를 나타냅니다

const person = {
  fName: 'Raja',
  lName: 'Rajeshwar',
  bYear: 1970,
  job: 'King',
  friends: ["Billu","Penchu","Ramesh"],

  calcAge: function(){
    // this will be the object which has called this method.
    // Its used to reference the object, and not hardcode it.
    console.log(this);
    // a new property is created on the person object named 'age'
    this.age = 2024 - this.bYear
    return this.age;
  }
}

person.calcAge(1970);
// age property will only exist if this fn was called atleast once else it won't exist.
person.age;
로그인 후 복사

배열, Fns는 모두 JS의 객체 내부에 있습니다. 그래서 그들만의 방식이 있습니다.

위 내용은 JavaScript의 객체의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿