Frontend/JavaScript(25)
-
[JS] Math 객체의 개념과 대표적인 메서드 11가지
Math란? 표준 Built-in 객체로써 수학적인 연산을 위한 속성 값과 메서드를 제공하는 객체다. Math는 생성자 함수가 아니며 모든 속성과 메서드는 정적이기에 Math.function()으로 언제든지 호출이 가능하다. 대표 속성(property) 및 메서드(method) 오일러 상수 : Math.E PI : Math.PI 절댓값 : Math.abs(x) 최댓값 : Math.max(x) 최솟값 : Math.min(x) 랜덤 난수 값 : Math.random(x) 제곱/제곱근 : Math.pow(x, y), Math.sqrt(x) 반올림/올림/내림 : Math.round(x), Math.ceil(x), Math.floor(x) 최대/최소/절댓값 배열을 인수로 받아 최대/최소 값을 산출하려면 apply..
2022.03.05 -
[JS] 자바스크립트 컬렉션(JavaScript Collection) - Set
Set이란? 자바스크립트의 키 기반 컬렉션(Keyed Collection)으로 ES6(ECMAScript 6)부터 소개되었다. 값(value)만을 저장하며 중복을 허용하지 않는 객체로 유일한 값을 저장할 수 있다. 요소 순서에 의미가 없고 인덱스로 요소에 접근할 수 없는 특징을 가지고 있다. 대표 속성(property) 및 메서드(method) 생성자 : new Set() 개수 확인 : Set.size 요소 추가 : Set.add(value) 요소 삭제 : Set.delete(value) 전체 삭제 : Set.clear() 요소 존재 여부 확인 : Set.has(key) 그 외 메서드 : Set.keys(), Set.values(), Set.entires() 요소 추가/삭제 다양한 자료형을 value로 ..
2022.03.05 -
[JS] 자바스크립트 컬렉션(JavaScript Collection) - Map
Map이란? 자바스크립트의 키 기반 컬렉션(Keyed Collection)으로 ES6(ECMAScript 6)부터 소개되었다. 다양한 자료형의 key를 허용하고 key-value 형태의 자료형을 저장할 수 있는 컬렉션이다. Map은 Object와 비교하면 다양한 key의 사용을 허용하고 값의 추가/삭제 시 메서드를 통한 수행이 필요하다. 대표 속성(property) 및 메서드(method) 생성자 : new Map() 개수 확인 : Map.size 요소 추가 : Map.set(key, value) 요소 접근 : Map.get(key) 요소 삭제 : Map.delete(key) 전체 삭제 : Map.clear() 요소 존재 여부 확인 : Map.has(key) 그 외 메서드 : Map.keys(), Map..
2022.03.05 -
[JS] 고차 함수 (higher-order function)
고차 함수란? 하나 이상의 함수를 매개변수로 취하거나 함수를 결과로 반환하는 함수다. 매개변수로 전달되는 함수는 콜백 함수(Callback function)다. 대표 배열 조작 메서드 임의 정렬 : Array.sort(callback function) 반복 작업 : Array.forEach() 콜백 함수 결과 배열 반환 : Array.map() 조건을 만족하는 값 하나만 반환 : Array.find() 조건을 만족하는 값 배열로 반환 : Array.filter() 누적 결과 값 반환 : Array.reduce() sort() 문제와 한계점 문제 : 일의 자리 4가 10의 자리보다 뒤쪽에 정렬 원인 : sort 메서드로 정렬될 때 배열의 요소가 일시적으로 문자열로 변경되어 발생 let nums = [1, ..
2022.03.04