객체
-
2023 - 05 - 21 자료구조 map과 set, 매서드, 반복자Today I Learned/TIL 05 2023. 6. 1. 07:22
오늘 할일 자바스크립트 2강 듣기 오늘 배운것 자료구조 (map , set) : map과set은 고유한 값을 저장하는 자료구조이다. map과 set는 기존의 배열(array)나 객체(object)보다 훨씬 더 효율적이다. 1. Map key-value pair로 이뤄지므로 객체와 같음. 하지만! 객체는 key에 문자열 형태인 반면, Map은 key값 자리에 어떤 유형의 데이터 타입도 다 들어올 수 있다. 왜냐하면 Map은 key가 정렬된 순서로 저장되기 때문이다. 검색, 삭제, 제거(완전한 제거), 여부확인 기능 제공 Map에서 key-value pair를 넣는 방식은 객체와는 다르다. 아래와 같이 넣는다. const myMap = new Map(); myMap.set('key', 'value'); ->..
-
2023 - 05 - 20 일급객체로써의 함수(콜백함수, 고차함수)Today I Learned/TIL 05 2023. 6. 1. 07:22
오늘 할일 자바스크립트 2주차 강의 듣기 오늘 배운 것 일급 객체 (First-class Object)로써의 함수 일급객체로써의 함수는 함수로써 자바스크립트에 존재하는게 아니라, 객체로써 자바스크립트에 존재하기 때문에 중요하다. 일급객체는 다른 객체들과 똑같다. 다른 객체들에 일반적으로 적용 가능한 연산자를 모두 지원한다. 다른 객체들은 매개변수로 전달될수 있고, return문으로 출력될 수 있고, 모든 연산이 가능하다. 일급객체로서의 함수도 그런것들이 가능하다. 함수가 일급객체로써 취급되는 5가지 경우 1. 변수에 함수를 할당할 수 있다. 2. 함수를 인자로 다른 함수에 전달할 수 있다. 3. 함수를 return문으로 반환할 수 있다. 4. 객체의 프로퍼티로 함수를 할당할수 있다. 5. 배열의 요소(인..
-
2023 - 05 - 16 객체, 객체 메서드, 생성자함수, 문자열화, 객체병합 (중요)Today I Learned/TIL 05 2023. 6. 1. 07:21
오늘 할일 자바스크립트 1주차 강의 듣기 오늘 배운 것 객체, 객체 메서드, 생성자함수, 문자열화, 객체병합 객체 key - value pair 하나의 변수에 여러 값을 넣을 수 있다. value에 해당하는 값에 어떠한 타입도 넣을수 있다.(문자열, 숫자열 등) 심지어 value에 해당하는 값에 함수, 또다른 객체, 배열도 넣을 수 있다. 기본적인 객체 생성방법 let person = { name: "홍길동", age : 30, gender : "남자", } 생성자함수를 이용한 객체 생성방법 (this, class 사용) function Person (name, age, gender){ this.name = name; this.age = age; this.gender = gender; } let pers..
-
2023- 05 -12 기타 데이터타입 (객체, 배열, 불리언, undefined, null)Today I Learned/TIL 05 2023. 6. 1. 07:19
오늘 할일 자바스크립트 1주차 강의 듣기. 오늘 배운것 기타 데이터 타입 1. 불리언 (Boolean) 불리언은 참(true)과 거짓(false)을 나타내는 데이터 타입이다. let bool1 = true; console.log(bool1); // true console.log(typeof bool1); // boolean let bool2 = false; console.log(bool2); // false console.log(typeof bool2); // boolean boolean은 true 또는 false로 도출되고, typeof 값은 boolean으로 도출된다. 여기서 변수값에 true나 false는 임의로 쓰는게 아니라, 반드시 true 또는 false 라고 써야 출력됨. 불리언 데이터 타입..
-
JavaScript 04. 자바스크립트 - 데이터 타입 (기타)JavaScript/1주차-JavaScript 문법 2023. 5. 25. 18:00
JavaScript 기타 데이터 타입 1. 불리언 (Boolean) 불리언은 참(true)과 거짓(false)을 나타내는 데이터 타입이다. let bool1 = true; console.log(bool1); ->결과값은 true로 도출됨 console.log(typeof bool1); let bool2 = false; console.log(bool2); ->결과값은 false로 도출됨 console.log(typeof bool2); boolean은 true 또는 false로 도출되고, typeof 값은 boolean으로 도출된다. 불리언 데이터 타입은 조건문(if, else, switch 등)과 논리 연산자(&&, ||, !)와 함께 많이 사용된다. 예를 들어, 다음과 같은 코드를 작성할 수 있다. le..
-
6. 실행 컨텍스트(스코프, 변수, 객체, 호이스팅), 콜 스택JavaScript/3주차-데이터타입, 실행컨텍스트, this 2023. 5. 25. 17:41
실행컨텍스트 : 실행할 코드에 제공할 환경정보를 모아놓은 객체 실행컨텍스트의 역할 3가지 1. 호이스팅 (hoisting) : 선언된 변수를 위로 끌어올림 2. 외부 환경 정보 구성 3. this 값 설정 콜 스택 스택(Stack)과 항상 비교되는 것은 큐(Queue) Stack : Last In, First Out = LIFO (마지막에 들어온게 처음으로 나간다.) Queue: First In, First Out = FIFO (처음으로 들어온게 처음으로 나간다) 콜 스택에서는 스택(Stack) 방식을 따른다. 실행 컨텍스트란 실행할 코드에 제공할 환경 정보들을 모아놓은 객체. 그 객체. 즉, 동일 환경에 있는 코드를 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성하고 이것을 위에서 설명한 ‘스택’..
-
4. 불변 객체 (깊은 복사 얕은 복사)JavaScript/3주차-데이터타입, 실행컨텍스트, this 2023. 5. 25. 16:40
이름을 변경하는 함수 이름을 변경하는 함수, 'changeName'을 정의 입력값 : 변경대상 user 객체, 변경하고자 하는 이름 출력값 : 새로운 user 객체 특징 : 객체의 프로퍼티(속성)에 접근해서 이름을 변경 var user = { name: 'jake', gender: 'male', }; // 객체의 속성을 복사하는 변경 방법 var changeName = function (user, newName) { var newUser = user; newUser.name = newName; return newUser; }; var user2 = changeName(user, 'sangwoo'); if (user !== user2) { console.log('유저 정보가 변경되었습니다.'); } con..
-
3. 일급 객체로써의 함수 (1)JavaScript/2주차-ES6, 일급객체, Map, Set 2023. 5. 24. 17:51
일급 객체 (First-class Object)로써의 함수 일급객체로써의 함수는 함수로써 자바스크립트에 존재하는게 아니라, '객체'로써 자바스크립트에 존재하기 때문에 중요하다. 일급객체는 다른 객체들과 똑같다. 다른 객체들에 일반적으로 적용 가능한 연산자를 모두 지원한다. 다른 객체들은 매개변수로 전달될수 있고, return문으로 출력될 수 있고, 모든 연산이 가능하다. 일급객체로서의 함수도 그런것들이 가능하다. 함수가 일급객체로써 취급되는 5가지 경우 1. 변수에 함수를 할당할 수 있다. 함수 function이 마치 값으로 취급된다. 함수가 나중에 사용될 수 있도록 조치되었다 function으로써 값이 지정되는게 아니라 대응관계(=) 우항에 위치함으로써 변수값으로 취급됨. const sayHello =..