본문 바로가기

JavaScript32

Map 2021. 4. 13.
API 보는법(Array) forEach 는 호출 한다 콜백함수를 한번 . 각각의 요소를 배열에서. : return 되는 값. thisArg?: ?는 parameter 를 전달 해도 되고 안해도 된다는 뜻. shift(이동하다), unshift are slower than pop,push push,pop 같은 경우는 기존에 있는 데이터는 움직이지 않는다.(마지막 요소 데이터를 추가,삭제 하기 때문이다) item1 item2 item3 item4 item5 하지만 shift,unshift 같은 경우 기존에 있는 데이터는 뒤로 하나 씩 이동 후 (추가,삭제) "새로운 아이템" item1 item2 item3 item4 2021. 4. 10.
Wrapper 객체 JS는 날짜,오류, HTML 요소(HTML element)등을 다룰 수 있게 해주는 다양한 내장 객체를 제공한다. primitive type 을 객체로써 사용 할 수 있게 끔해주는 것이 Wrapper 객체이다. Wrapper 객체는 원시 자료형의 이름을 그대로 차용해, String,Number,Boolean, Symbol라고 부른다. 1.문자열 str은 원시값이므로 원시값의 프로퍼티(toUpperCase)에 접근하는 순간 특별한(래퍼) 객체가 만들어진다. 이 객체는 문자열의 값을 알고 있고, toUpperCase()와 같은 유용한 메서드를 가지고 있다. 2.메서드가 실행되고 , 새로운 문자열이 반환된다. 3.특별한 객체는 파괴되고 원시값 str만 남는다. 객체는 -> 논리 평가 시 항상 참을 반환한다. .. 2021. 3. 23.
기본자료형 (Symbol) 유일한 식별자를 만들고 싶을 때 사용한다. description 이 동일한 심볼을 여러개 만들어도 심볼 값은 다르다. (description 이 같아도) 심볼 특징 1) 프로퍼티가 우연히라도 사용되거나 덮어씌워 지는 것을 예방 할 수 있다. Symbol( )을 호출하면 심볼을 만들 수 있다. 심볼특징2) 사람들은 symbol을 건드릴 수 없다.(private) 외부에서 볼 수가 없기 때문 객체를 만들 때 객체 리터럴 안의 프로퍼티 키가 대괄호로 둘러쌓여 있는 경우 이를 계산된 프로퍼티 라고 한다. 프로퍼티 값은 문자열만 와야한다. --> 쉽게 말해 value 값이 있음. 사실 심볼을 완전히 숨길 방법은 없다 심볼값을 가져오는 방법 2021. 3. 21.
생성자 메소드 new 라는 키워드로 클래스를 만들면 생성자가 실행이된다. 함수의 이름 첫글자는 대문자로 시작한다. 반드시 new 연산자를 붙혀서 실행한다. ★ 생성자 함수는 어떻게 *this를 사용 할 수 있는 것일까? new User(...) 가 실행된다면 this{ } 빈객체가 암시적으로 만들어진다. 그리고 암시적으로 this가 return 된다. 재사용 할 필요가 없는 복잡한 객체를 만들어야 한다면? 일회성 *익명 생성자 함수 *생성자와 retrun 문 생성자 함수를 사용하면 매개변수를 이용해 객체 내부를 자유롭게 구성할 수 있다 메서드를 더해주는 것도 가능하다 똑같이 value 값에 함수를 추가하면 메소드가 된다. *생성자를 왜쓰는가? 유사한 객체를 여러개 만들 경우 생성자 함수가 유용하다. *생성자 retur.. 2021. 3. 18.
this. 객체 프로퍼티에 할당된 함수를 메서드(method) 라고 부릅니다. 해당 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. 메서드는 객체에 저장된 정보에 접근할 수 있어야 제 역할을 할 수 있다. 메서드 내부에서 this 키워드를 사용하면 현재 객체에 접근할 수 있다. this 특징 ★ 현재 객체를 나타낸다. JS에서의 this는 런타임에 의해 결정된다. this 값은 호출 시점에 결정됩니다. 메서드 내부에서 this 키워드를 사용하면 현재 객체에 접근할 수 있다. this 는 . 앞의 객체를 참조한다. this 는 메소드로써 호출해서 사용해야한다. JS에서는 함수에 this를 사용 할 수 있다 동일한 함수라도 다른 객체에서 호출했다면 'this' 가 참조하는 값이 달라질 수 있다. arro.. 2021. 3. 15.
객체 Object primitive type (원시자료형) 은 값 그대로 저장,할당 된다. let message = "Hello!"; let phrase = message; *객체의 동작 방식 객체는 참조에 의해 할당되고 복사된다. 변수엔 '참조값이' 저장된다. ★ 참조값을 참조하여 값을 찾아간다. 객체는 메모리 어딘가에 저장된다. 참조에 의한 복사로 해결 가능한 일이 대다수, 정말 복제가 필요한 상황이라면 1. 새로운 객체 생성 2. 기존 객체의 프로퍼티들을 순회해 원시 수준까지 프로퍼티 복사. if 참조 값이 같다면 true , 아니면 false 를 return 까먹었을까봐 필기) JS에서 객체의 프로퍼티는 동적으로 추가,삭제,수정 가능 대괄호 표기법이 헤깔릴 경우 참고) clone.name = user.name 같은.. 2021. 3. 11.