> 웹 프론트엔드 > JS 튜토리얼 > js 객체에 대한 자세한 소개

js 객체에 대한 자세한 소개

零下一度
풀어 주다: 2017-06-28 09:36:06
원래의
1385명이 탐색했습니다.

a.  JS 객체는 모두 연관 배열입니다

b.  상속()은 프로토타입 객체 p

의 속성을 상속하는 새 객체를 반환합니다.

객체 메서드:

 Create(생성) Set(설정) Find(쿼리) ) ) Delete(삭제) 감지(테스트) 및 열거(열거)

객체 생성 방법:

 객체 직접 수량 키워드 new Object.create() in es5

 var aa=Object.create({"x ": 0,"y":1})

속성 읽기 및 수정:

 1. 연결 속성은 변경할 수 없으며 런타임에 변경할 수 없습니다

 2. 객체['xxx']를 통해; object['xx'+a]; a와 같은 변수는 변수일 수 있으므로 속성이 불확실하고 작업 중에 변경될 수 있습니다

 3. 존재하지 않는 속성을 쿼리하면 정의되지 않은

 4이 반환됩니다. 객체 속성을 쿼리할 때 객체가 존재하지 않으면 오류가 발생합니다. 개체의 속성을 쿼리하고 오류 보고를 방지하는 경우 다음을 수행할 수 있습니다:

  var a=b&&b.c&&b.c.d;

속성 삭제

 1. 삭제는 호스트에서 호스트 연결을 끊기만 할 수 있습니다. 속성의 속성을 조작할 때 변수 선언이나 함수 선언을 통해 생성된 전역 객체 속성은 삭제할 수 없습니다. 성공 시 True가 반환되고, 실패 시 False가 반환됩니다.

  delete a.b//a에는 더 이상 속성이 없습니다. b

  delete a['b']/ /a는 더 이상 속성을 소유하지 않습니다. b

속성 감지

 1.in 연산자, hasOwnProperty(),propertyIsEnumerable()

  in의 왼쪽에 속성 이름이 있고, 반대쪽은 객체입니다. 객체의 자체 속성이나 상속된 속성에 이 속성이 포함되어 있으면 속성은 true를 반환하고, 그렇지 않으면 false

  var a={x:1} a.hasOwnPreperty('x');//true

  propertyIsEnumerable( )는 hasOwnPreperty()의 향상된 버전으로, 속성만 열거 가능하며 이 객체에 속하는 경우에만 true를 반환합니다

 2. 가장 간단한 방법입니다! ==정의되지 않았나요

속성 열거

 1. 코드의 객체에 추가된 모든 속성은 열거 가능합니다. for/in에서는 일부 속성을 건너뛰어야 합니다

 for(p in o) {

  if(! o.hasOwnproperty(p)) 계속 ;//상속 속성 건너뛰기

  }

  for(p in o){

  if(typeof o[p]==="function") continue ;//메서드 건너뛰기

}

 2. es5에는 두 가지 함수가 더 있습니다

  Object.keys();//객체의 열거 가능한 자체 속성으로 구성된 배열을 반환합니다

Object.getOwnPropertyNames();//다음의 이름을 반환합니다. 객체의 모든 자체 속성

속성 getter 및 setter(접속자 속성)

 1.var 0={

  a:1,//일반 데이터 속성

器 取 // 접근자 속성은 모두 정의된 함수입니다

get B () {함수 본문입니다},

set c () {함수 본문입니다}} 속성

 1. 프로토타입 속성:

 var p={x:1};//프로토타입 정의 object

  var o=Object.create(p); 이 프로토타입을 사용하여 개체를 만듭니다

 p.isPrototypeOf(0 );//true,o ​​​​p

 Object.prototype.isPrototypeOf(o);에서 상속됩니다. //p는 Object.prototype

 2. 클래스 속성

 3. 확장성 Object.esExtensible에 객체를 전달하여() 객체가 확장 가능한지 확인

  Object.prevenExtensions()는 변환된 객체를 매개변수로 전달하고, 확장 불가능하게 됩니다. 변환 결과는 다시 변환할 수 없습니다

  Object.seal() 뿐만 아니라 객체를 확장 불가능하게 만들 수 있으며 모든 자체 속성을 구성 불가능하게 만들 수 있습니다

 isSealed( )는 객체가 닫혔는지 감지합니다

  Object.freeze() 동결, 구성 불가능할 뿐만 아니라 읽기도 가능합니다

  Object.isFrozen() 객체가 동결되었는지 확인

객체 직렬화

 1:JSON.stringify( );//JSON 문자열로 변환

 2::JSON.parse();//객체로 변환

객체 메서드:

 1.toString();

 2.toLocaleString();

 3.toJSON ();

 4:valueOf();

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

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