본문 바로가기

자료구조,알고리즘/Java Script 기초23

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.
JS기초 9 : 배열 탐색, 정렬, 반전, 문자열 변환 배열 탐색 - index 탐색(앞에서부터): Array.indexOf(item, from) - index 탐색(뒤에서부터): Array.lastIndexOf(item, from) - 값 포함 여부 확인 : Arrat.includes(item, from) let fruits = ["mango", "blueberry", "orange","blueberry", "cherry"]; console.log(fruits.indexOf("blueberry")); // 1 console.log(fruits.indexOf("Blueberry")); // -1 이 값은 없다는 걸 알려줌 console.log(fruits.indexOf("blueberry", 2)); // 3 2번째부터 찾음 console.log(fruits.. 2022. 7. 20.
JS기초 8 : 배열, 조작, 삭제, 병합 배열 - 여러 개체(Entity)값을 순차적으로 나열한 자료 구조(알고리즘 내 사용 빈도 높음) - 배열 내 값을 요소(element)라고 하며 배열 요소는 index로 접근 배열 선언/접근/속성 - 선언 : "new Array() 혹은 "[]"을 통해 선언하며 사이즈 혹은 값을 입력하여 초기화도 가능 - 접근 방법 : "Array[index]"를 통해 index를 통하여 O(1) 접근 - 배열 속성 : "Array.length"를 통해 배열 요소의 개수 확인 가능 let arr_1 = new Array(10); let arr_2 = []; console.log(arr_1); // [ ] console.log(arr_2); // [] let fruits = ["apple", "orange","waterm.. 2022. 7. 20.
반응형

티스토리툴바