오지이 오지이

# Math 객체 Math 객체는 수학적인 상수와 내장 함수를 가진 객체입니다. 다른 객체와 달리 Math는 생성자가 아닙니다. Math는 숫자 자료형만 지원합니다. # Math.round() Math.round()는 숫자에 대한 반올림 처리를 합니다. Math.round(4.9); // returns 5 Math.round(4.7); // returns 5 Math.round(4.4); // returns 4 Math.round(4.2); // returns 4 Math.round(-4.2); // returns -4 # Math.ceil() Math.ceil()은 숫자에 대한 무조건 올림 처리를 합니다. Math.ceil(4.9); // returns 5 Math.ceil(4.7); // return..

# Map 객체 Map 객체는 Object와 매우 유사합니다. Map 객체는 키(key)와 값(value)을 맵핑시켜서 값을 저장하며 저장된 순서대로 각 요소에 접근할 수 있습니다. # Map 생성자 Map 객체 생성은 new Map() 생성자를 사용합니다. let userMap = new Map(); # set() Map 객체에 데이터를 저장할 때는 파라미터로 키와 값을 이용하면 됩니다. let userMap = new Map(); userMap.set("name", "홍길동"); userMap.set("email", "abc@gmail.com"); userMap.set("phone", "000-0000-0000"); userMap.size; // 3 # get() Map 객체에 저장된 데이터를 읽을 ..

# Set 객체 Set 객체는 배열(Array)처럼 값들의 집합입니다. 배열처럼 데이터 타입에 상관없이 값을 추가할 수 있습니다. 배열과 가장 큰 차이점은 Set는 중복 값을 허용하지 않습니다. 즉 Set는 유일한 값을 보장합니다. Set에 데이터를 추가해서 저장하려고 하면, 기존에 동일한 값이 저장되어 있는지 확인하고 이미 저장되어 있다면 나중에 추가한 데이터는 추가되지 않습니다. # Set 생성자 Set는 new Set() 생성자를 사용해서 생성합니다. let mySet = new Set(); # add() 배열은 push()라는 함수를 사용해서 새로운 데이터를 추가할 수 있는데, Set는 add()라는 함수를 사용해서 데이터를 추가할 수 있습니다. 이때 추가하려는 데이터가 이미 저장되어 있는지를 확..

Date 객체는 자바스크립트에서 날짜와 시간을 다루는 객체로 사용자 브라우저의 타임존을 기준으로 날짜와 시간을 보여 줍니다. # Date 생성자 Date 객체는 다음과 같이 4가지 방법으로 생성할 수 있습니다. // new Date() let now = new Date(); // 사용자 브라우저의 시간을 가져옵니다. console.log(now); // Fri Jun 25 2021 05:16:49 GMT+0900 (대한민국 표준시) // new Date(year, month, day, hours, minutes, seconds, milliseconds) let d = new Date(2021, 6, 24, 10, 33, 30, 0); // 특정 날짜 시간을 지정해서 Date 객체 생성 console.lo..

# reduce() reduce() 함수는 배열에 담긴 데이터를 하나씩 순회하며 callback 함수의 실행 값을 누적하여 결과값을 반환하는 함수입니다. 누적 결과값은 숫자, 문자, 객체 모두 가능합니다. reduce() 함수는 주로 배열에 담긴 데이터의 합계를 구하는 데 가장 많이 사용합니다. 배열에 담긴 데이터가 오브젝트인 경우는 누적 값을 구하고자 하는 오브젝트 키를 사용해서 누적 값을 구합니다. callback 함수는 주로 2개의 매개변수를 사용하지만 다음과 같이 4개의 매개변수를 가질 수 있습니다. 첫 번째 매개변수 - accumulator(누적 값) 두 번째 매개변수 - currentValue(현재 배열의 요소) 세 번째 매개변수 - currenIndex(인덱스 번호) 네 번째 매개변수 - a..

# map() map() 함수는 배열의 데이터가 Object형일 때, 배열에 담긴 Object를 새로운 형태의 Object로 변환해서 배열로 반환합니다. let userList = [{ firstName: "재석", lastName: "유", email: "yu@gmail.com" }, { firstName: "종국", lastName: "김", email: "kim@gmail.com" }, { firstName: "세찬", lastName: "양", email: "yang@gmail.com" }, { firstName: "석진", lastName: "지", email: "ji@gmail.com" } ]; let userList2 = userList.map(function(user) { return { ..

# filter() filter() 함수는 배열에서 특정 조건을 만족하는 배열의 요소만을 찾아서 새로운 배열로 반환합니다. filter() 함수는 배열을 다룰 때 가장 많이 사용된다고 합니다. 단어 뜻 그대로 무언가를 거르고, 특정 조건을 만족하는 데이터만 추출해 내는 프로그램을 구현해야 할 때 사용하면 효율적입니다. 기본 형태는 아래와 같습니다. arr.filter(callback(element[, index[, array]])[, thisArg] filter() 함수에는 특정 조건을 체크할 callback 함수를 매개변수로 전달합니다. callback 함수는 배열의 각 요소를 하나씩 대입하며 시험할 함수입니다. 조건에 true라면 요소를 그대로 유지하고, false라면 버리게 됩니다. 즉 true인 ..

# sort() sort() 함수는 배열에 문자형 데이터가 있는 경우 오름차순으로 정렬합니다. let fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort(); 배열 안에 숫자형 데이터가 있더라도 기본적으로는 문자로 인식해서 오름차순으로 정렬을 하게 됩니다. 그래서 숫자 값으로 정렬하려면 정렬 함수를 정의해서 사용해야 합니다. 다음은 오름차순 정렬입니다. let points = [40, 100, 1, 5, 25, 10]; points.sort(function(a, b) {return a - b}); 정렬이 되는 과정을 쉽게 말하자면, 처음에 a 40, b 100을 넣고 a - b를 실행합니다. 그럼 음수가 나오기 때문에 자리를 바꾸지 않습니다. 다음..