Object.keys(obj) - 키가 담긴 배열을 반환한다. - obj의 유형에 따라 배열 순서가 달라진다. - __proto__의 영향을 받지 않고, 자신의 키만 반환한다. obj의 유형에 따라 배열 순서가 달라진다. 배열의 경우: 유형에 상관없이 순서대로 배열된다. const strArr = ['나', '가', '다']; const numArr = [2, 1, 3]; 객체의 경우: Number유형만 key값에 영향을 받아 번호가 작은 수 -> 큰 수로 배열된다. //String 유형 const strObj = { '나' : 'value', '가' : 'value', '다' : 'value' }; //Number 유형 const numObj = { 20 : 'value', 10 : 'value', 3..
[[Prototype]] - 객체는 [[Prototype]]이라는 숨김 프로퍼티를 갖고 있다. - 이 숨김 프로퍼티 값은 null이거나 다른 객체에 대한 참조가되는데, 다른 객체를 참조하는 경우 참조 대상을 'prototype'이라 부른다. - [[Prototype]]은 값을 직접적으로 설정할 수 없다. 값을 설정하려면 __proto__를 사용해야 한다. - [[Prototype]]은 프로퍼티를 읽을 때만 사용한다. (프로퍼티 추가, 수정, 삭제는 해다아 객체에 직접 해야 한다.) 프로토타입 상속(prototypal inheritance) object에서 프로퍼티를 읽을 때 해당 프로퍼티가 없으면 자바스크립트는 자동으로 prototype에서 프로퍼티를 찾는다. 프로그래밍에선 이런 동작 방식을 '프로토타입..
관습 설명 밑줄 "_" 로 시작하는 프로퍼티 객체 내부에서만 활용하고, 외부에서는 건드리지 않는다.
메서드 설명 get 인수가 없는 함수로, 프로퍼티를 읽을 때 동작함 set 인수가 하나인 함수로, 프로퍼티에 값을 쓸 때 호출됨 접근자 프로퍼티의 본질은 함수인데, 'getter(획득자)'와 ‘setter(설정자)’를 메서드로 설정한다. getter와 setter 메서드를 구현하면 객체엔 '가상’의 프로퍼티가 생긴다. 가상의 프로퍼티는 읽고 쓸 순 있지만 실제로는 존재하지 않는다. let obj = { get propName(){ //getter, obj.propName을 실핼할 때 실행되는 코드 }, set propName(value){ //setter, obj.propName = value를 실핼할 때 실행되는 코드 } }; getter: 프로퍼티를 읽으려고 할 때 실행 setter: 프로퍼티에 값을..
문자열을 정렬된 하위 문자열 목록으로 나누고 이러한 하위 문자열을 배열에 넣고 배열을 반환한다. 분할은 패턴을 검색하여 수행된다. 여기서 패턴은 메서드 호출에서 첫 번째 매개 변수로 제공된다. 문법 str.split([separator[, limit]]) separator(생략가능) 각 분할이 발생해야하는 위치를 설명하는 패턴입니다. 구분자는 간단한 문자열이거나 정규 표현식 일 수 있습니다. 가장 간단한 경우는 separator가 단일 문자일 때이다. 구분된 문자열을 분할하는데 사용된다. 예를 들어 탭으로 구분 된 값 (TSV)을 포함하는 문자열은 다음과 같이 탭 문자를 구분 기호로 전달하여 구문 분석 할 수 있다. myString.split ( "\t"). 구분 기호에 여러 문자가 포함 된 경우: 전체..
프로퍼티 플래그 객체 프로퍼티는 값(value)과 함께 플래그(flag)라 불리는 특별한 속성 세 가지를 가지고 있다. No 속성 기준 값이 "true"인 경우 값이 "false"인 경우 1 writable 값(value) 수정 가능 읽기만 가능 2 enumerable 반복문을 사용해서 나열 가능 불가능 3 configurable 프로퍼티 삭제나 플래그 수정 가능 불가능 "평범한 방식"으로 프로퍼티를 만들면 프로퍼티의 플래그는 모두 "true"가 된다. writable 플래그 "평벙한 방식"으로 값을 변경하지 못하게 할 때 writable의 값을 "false"로 한다. [예제] "평범한 방식"은 값을 변경하지 못한다. let user = { name : 'mill' }; Object.definePrope..
속성 설명 Object.getOwnPropertyDescriptor() 주어진 객체 자신의 속성에 대한 속성 설명자(descriptor)를 반환한다. Object.getOwnPropertyDescriptors() 주어진 객체의 모든 속성 설명자를 반환한다. Object.defineProperty() 객체에 직접 새 속성을 정의하거나 객체의 기존 속성을 수정하고 객체를 반환한다. Object.defineProperties() Object.defineProperty()와 동일한 기능 한번에 여러 개의 프로퍼티를 정의/수정 할 수 있다. getOwnPropertyDescriptor() 프로퍼티 설명자를 얻는 방법 Object.getOwnPropertyDescriptor(obj, propertyName); ob..
메서드 설명 getAttribute() 요소의 지정된 속성 값을 리턴한다. - 속성이 존재하지 않을 경우: null 또는 ""(빈 문자열)을 반환한다. setAttribute() 요소의 속성과 값을 설정한다. - 속성이 없는 경우: 지정된 요소에 속성과 값을 추가한다. - 속성이 있는 경우: 값을 업데이트 한다. - 속성 값을 사용하지 않는 경우: ""(빈 문자열)을 사용한다. removeAttribute() 요소에서 지정된 이름의 속성을 제거한다. hasAttribute() 지정된 요소에 지정된 속성이 있는지 여부를 나타내고, 부울 값을 반환한다. *값은 문자열로 작성해야 한다는 것을 잊지말자. getAttribute() Element.getAttribute('가져오려는 속성의 이름'); setAttr..
그룹 → 후위 증감 → NOT! → 단항 → 전위 증감 → typeof → 사칙연산 → 관계 → 동치 → 논리 → 물음표 → 할당 → 쉼표 큰 수부터 먼저 실행된다. 21 그룹 없음 ( … ) 20 멤버 접근 좌결합성 … . … 계산된 멤버 접근 좌결합성 … [ … ] new (매개변수 리스트 존재) 없음 new … ( … ) 함수 호출 좌결합성 … ( … ) Optional chaining 좌결합성 ?. 19 new (매개변수 리스트 생략) 우결합성 new … 18 후위 증가 없음 … ++ 후위 감소 … -- 17 논리 NOT 우결합성 ! … 비트 NOT ~ … 단항 양부호 + … 단항 부정 - … 전위 증가 ++ … 전위 감소 -- … typeof typeof … void void … delete d..
- Total
- Today
- Yesterday
- javascript class
- offsetHeight
- 프로퍼티
- 점 표기법
- 동치 연산자
- [[Prototype]]
- 객체의 프로퍼티
- __proto__
- 부등 연산자
- offsetTop
- prototype 프로퍼티
- scrollTop
- clinetTop
- clientHeight
- innerHeight
- 불일치 연산자
- property
- constructor
- @font-face
- 동등 연산자
- 대괄포 표기법
- outerHeight
- scrollHeight
- 일치 연산자
- 링크막기 #a링크막기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |