본문 바로가기

INFJ의 취업일기82

JS기초 14 : Set Set - value만을 저장하며 중복을 허용하지 않는 Collection - 대표 속성과 메서드 - 생성자 : new Set() - 개수 확인 : Set.size - 요소 추가 : Set.add(value) - 요소 삭제 : Set.delete(value) - 전체 삭제 : Set.clear() - 요소 존재 여부 확인 : Set.has(key) - 그 밖의 메서드 : Set.keys(), Set values(key), Set.entires() 요소 추가/삭제 - 다양한 자료형을 value로 사용 가능하며 set.add 호출 시 체이닝(chaining) 가능 let set = new Set(); let num = new Set([1,2,3,4,5]); let str = new Set("hello~");.. 2022. 7. 25.
JS기초 13 : Collection, Map, Object 변환 Collection - 구조 혹은 비구조화로 프로그래밍 언어가 제공하는 값을 담을 수 있는 공간 - 자바스크립트에서 제공하는 Collection Indexed Collection : Array, Typed Array keyed Collection : Object, Map, Set, Weak Map, Weak Set Map - 다양한 자료형의 key를 허용하고 key-value 형태의 자료형을 저장할 수 있는 Collection - Map은 Object와 비교하자면 다양한 key 사용을 허용하고 값의 추가/삭제 시 메서드를 통해 수행이 필요함 - 대표 속성 및 메서드 - 생성자 : new Map() - 개수 확인 : Map.size - 요소 추가 : Map.set(key, value) - 요소 접근 : M.. 2022. 7. 24.
JS기초 12 : 생성자 함수, new.target 생성자 함수 - 유사한 객체를 다중으로 만들 때 사용되는 함수 ( 타 언어에서 class 개념과 유사) - 일반적으로 생성자 함수의 첫 글자는 대문자로 시작 - 생성자 함수로 객체 생성 시 new 연산자를 통해 객체 생성 function Fishbread(flavor, price) { this.flavor = flavor; this.price = price; this.base = "floor"; } let bread_1 = new Fishbread("cream", 1200); let bread_2 = new Fishbread("readbean", 1000); let bread_3 = new Fishbread("milk", 1500); console.log(bread_1); //Fishbread { fla.. 2022. 7. 24.
JS기초 11 : 고차함수2 for Each, map, find, filter, reduce forEach() - 배열 요소 별 콜백 함수 각각에 실행 : Array.forEach(function(item, index, array){}) - item : 배열 요소, index: 배열 위치, array: 배열 // 배열 함수를 단순 출력할때 let nums = [1,2,3]; //use for loop for (let i = 0; i < nums.length; i++){ console.log(nums[i]); // 1 \n 2 \n 3 }; // use forEach // 배열 내의 값이 각각 들어오면서 for문 수행 nums.forEach(function(a){ console.log(a); // 1 \n 2 \n 3 }) map() - 배열 요소 별 함수 호출 및 결과를 배열로 반환 : Arra.. 2022. 7. 24.
JS기초 10 : 고차함수, sort()문제, 해결, 정렬 고차함수 - 하나 이상의 함수를 매개변수로 취하거나 함수를 결과로 반환하는 함수 - 매개변수로 전달되는 함수는 콜백 함수(Callback function) - 대표 배열 조작 메서드 - 임의 정렬 : Array.sort(callback function) - 반복 작업 : Array.forEach() - 콜백함수 결과 배열 반환 : Array.map() - 조건 만족하는 하나의 값 반환 : Array.find() - 조건 만족하는 값 배열로 반환 : Array.filter() - 누적 결과 값 반환 : Array.reduce() sort() 문제와 한계점 - 문제점 : 일의 자리 4가 10의 자리보다 뒤쪽에 정렬 - 원인 : sort 메서드로 정렬될 때 배열의 요소가 일시적으로 문자열로 변경되어 발생 - .. 2022. 7. 21.
반응형