채린씨의 티스토리

* Date - 표준 built-in 객체로써 날짜와 시간을 위한 속성값(property)와 메서드를 제공하는 개체 - 1970년 1월 1일 00:00:00 UTC(협정 세계시) 기준 * Date 생성자 - 생성자 종류: new Date(), new Date(miliseconds), new Date(datestring), new Date(year, month, date, hours, minutes, seconds, ms) /* 1. new를 이용한 Date 생성 */ let date_now = new Date(); console.log(date_now); // output: 2022-03-14T17:05:05.890Z (현재 년, 월, 일, 시, 분, 초, 밀리초) // KST(Korea Standard..

* Math - 표준 Built-in 객체로써 수학적인 연산을 위한 속성 값과 메서드 제공 - Math는 생성자 함수가 아니며, 모든 속성과 메서드는 정적이므로 Math.function()으로 언제든지 호출 가능 * 최대/최소/절댓값 - 최댓값: Math.max(x) - 최솟값: Math.min(x) - 배열을 인수로 받아 최대/최소를 산출하려면 apply 함수 혹은 스프레드 문법 사용 필요 - 절댓값: Math.abs(x) /* max, min을 이용해서 최댓값, 최솟값 구하기 */ console.log(Math.max(1, -1)); // output: 1 console.log(Math.min(1, -1)); // output: -1 console.log(Math.max(1, -1, 5, 23, 17..

* Set - value만을 저장하며 중복을 허용하지 않는 Collection - 다양한 자료형의 value를 허용함 - 생성: newSet() * 요소 추가/삭제, 크기, 요소 존재 여부 확인 - 요소 추가: Set.add(value) - 요소 삭제: Set.delete(value) - 요소 전체 삭제: Set.clear() - 요소 개수 확인: Set.size - 요소 존재 여부 확인: Set.has(value) - set.add 호출 시 set이 반환되므로 체이닝(chaining) 가능 let blank_set = new Set(); let num_set = new Set([1, 2, 3, 4, 5]); let str_set = new Set("Hello!"); let mix_set = new S..

* Map - key-value 형태의 자료형을 저장할 수 있는 Collection - Object와 달리 다양한 자료형의 key를 허용함 - Object와 달리 값의 추가/삭제 시 메서드를 이용해야 함 - 생성: new Map() * 요소 추가/삭제, 크기 - 요소 추가: Map.set(key, value) - 요소 접근: Map.get(key) - 요소 삭제: Map.delete(key) - 요소 전체 삭제: Map.clear() - 요소 개수 확인: Map.size - map.set 호출 시 map이 반환되므로 체이닝(chaining) 가능 // map이라는 새로운 Map 생성 let map = new Map(); // set을 이용한 요소 추가 (다양한 자료형의 key 허용) map.set("na..

* Collection - 구조/비구조 형태로 프로그래밍 언어가 제공하는 값을 담을 수 있는 공간 - 자바스크립트에서 제공하는 Collection - Indexed Collection: index를 이용해서 각 요소에 접근 - Keyed Collection: key를 이용해서 각 요소에 접근

* 생성자 함수 - 유사한 객체를 다중으로 생성할 때 사용되는 함수 (타 언어의 class 개념과 유사) - 일반적으로 생성자 함수의 첫 글자는 대문자로 시작 - 생성자 함수로 객체 생성 시 키워드 new를 이용 // 붕어빵 틀 (생성자 함수) function FishBread(flavor, price) { this.flavor = flavor; this.price = price; this.base = "flour"; } // 붕어빵 틀로 찍어낸 붕어빵들 (객체들) let bread_1 = new FishBread("redbean", 1000); let bread_2 = new FishBread("cream", 1200); let bread_3 = new FishBread("pizza", 1500); c..

* Array.forEach() - 배열 요소 각각에 대해 콜백함수 실행: Array.forEach(function(item, index, array){}) - item: 배열 요소, index: 배열 위치, array: 배열 - 나는 이 글을 읽고서야 드디어.. 이해했다!: https://yuddomack.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Array-forEach 자바스크립트 Array forEach 이번 글에서는 자바스크립트 Array(배열) 객체의 메서드인 forEach에 대해 작성하겠습니다. forEach는 for문과 마찬가지로 반복적인 기능을 수행할 때 사용합니다. 하지만 for문처럼 index와 조..

* 고차함수 - 하나 이상의 함수를 매개변수로 취하거나 함수를 결과로 반환하는 함수 - 매개변수로 전달되는 함수는 콜백함수(callback function) * sort()의 문제와 해결방법 - 문제점 1: 11이 101보다 뒤쪽에 정렬 (sort 메서드로 정렬될 때 배열의 요소가 일시적으로 문자열로 변경되기 때문에 발생하는 문제) let nums = [1, 10, 20, 11, -1, 101, 0]; console.log(nums.sort()); // output: [ -1, 0, 1, 10, 101, 11, 20 ] (이게 뭔 정렬이여..) 더보기 문자열을 비교할 때는 가장 앞 글자부터 차례로 비교한다. 11과 101의 경우 각각 가장 앞 글자가 1, 1이므로다음 글자를 비교한다. 각각 두 번째 글..