[FC] JavaScript Day-8

배열관련 다양한 내장함수

• sort() : 알파벳순으로 요소 정렬
• reverse() : 역순으로 요소 정렬
• sort((a,b) => {return a-b}) : 올림차순으로 정렬
• sort((a,b) => {return b-a}) : 내림차순으로 정렬
• sort((a,b) => {return a-b})[0]: 최소값 반환
• sort((a,b) => {return b-a})[0]: 최대값 반환

sort() : 알파벳순으로 요소 정렬

const names = ["David", "Andy", "Tom", "Micheal"];
names.sort();
console.log(names);
// "Andy", "David", "Micheal", "Tom" 출력

reverse() : 역순으로 요소 정렬

const names = ["David", "Andy", "Tom", "Micheal"];
names.reverse();
console.log(names);
// "Micheal", "Tom", "David", "Andy" 출력

sort((a,b) => {return a-b});

let nums = [5,3,20,50,30];
nums.sort((a, b) => {
	reutnr a-b;
};
// 올림차순으로 정렬
// 3,5,20,30,50

sort((a,b) => {return a-b})[0];

let nums = [5,3,20,50,30];
nums.sort((a,b) => {
	return a-b;
})[0]; 
// [0]을 통해서 최소값을 반환한다.
// 3출력

위와 반대로 b-a를 할경우 내림차순을 반환하고, [0]을 통해 최대값을 확인할 수 있다.

날짜 관련 객체 Date

• new Date(): 날짜 정보값 반환
• new Date().getTime():
• new Date().getFullYear(): 현재 년도를 반환
• new Date().getMonth(): 현재 월을 반환
• new Date().getDate(): 현재 일을 반환
• new Date().getHours(): 현재 시간을 반환
• new Date().getMinutes(): 현재 분을 반환
• new Date().getSeconds(): 현재 초를 반환

console.log(new Date());
// Mon Jan 31 2022 03:50:35 GMT+0900 (한국 표준시) 출력

console.log(new Date().getFullYear());
// 2022 반환

console.log(new Date().getMinutes());
// 56 반환

숫자 관련 객체 Math

• Math.round(x): x 값에서 제일 근접한 정수를 반환
• Math.pow(x,y): x의 값에 y의 회수만큼 제곱한 값을 반환
• Math.sqrt(x): x의 제곱근 반환
• Math.abs(x): x의 양수값을 반환
• Math.ceil(x): x값에서 소수점 아래 값을 무조건 올림해서 정수 반환
• Math.floor(x): x값에서 소수점 아래 값을 무조건 버린 정수 반환
• Math.min(): 인수로 넣은 값들 중 제일 작은 값을 반환
• Math.max(): 인수로 넣은 값들 중 제일 큰 값을 반환
• Math.random(): 0에서 1사이의 실수를 랜덤으로 반환
• Math.floor(Math.random() * num): 특정수까지의 랜덤한 정수를 반환

Math.round(x): 값에서 제일 근접한 정수 반환

console.log(Math.round(2.3));
// 2 반환

Math.pow(x): x의 값에 y의 회수만큼 제곱한 값을 반환

console.log(Math.pow(3,3));
// 27 반환 

Math.sqrt(x): 인수의 제곱근 반환

console.log(Math.sqrt(25));
// 5를 반환한다.

Math.floor()

console.log(Math.floor(2.4));
// 2를 반환한다.
// 소수점 다 버려버린다. 

Math.min();

console.log(Math.min(1,2,3,4,5));
// 1을 반환한다.

Math.max();

console.log(Math.max(1,2,3,4,5));
// 5를 반환한다.

비구조화할당

const names = ["David", "Andy", "Tom", "Micheal"];

const name1 = names[0];
const name2 = names[1];
// 하나씩 저장하기 보다는,

const [name1, name2, name3, name4] = names;
// 위와 같이 비구조화할당을 통해서 names 배열을 name1, name2, name3, name4에 넣어줄 수 있다.

여러가지 묶여 있는 값들을 해당배열 대입만을 통해서 쉽게 찾을 수 있다.

const studentA = {
	name: "David",
    age: 20,
    gender: "M",
    hobby: "Coding",
}

const {name, age, gender, hobby} = studentA;
console.log(name); // David 출력
console.log(age); // 20 출력

전개연산자

let arr = ["red", "green", "blue"];

let arr2 = [...arr, "pink"]; // 해당 배열을 복사해서 새롭게 가져온 것이다.

// "red", "green", "blue", "pink" 출력

let hobby = ["game", "sports", "reading"];
let hobby2 = ["dance", "climbing", "skating"];

let newHobby = [...hobby, ...hobby2];
// ["game", "sports", "reading", "dance", "climbing", "skating"] 을 합쳐서 출력한다.

전개 연산자를 통한 덮어쓰기

let defaults = {
	color: "gray",
    hobby: "nap",
    address: "nowhere",
}

let customs = {
	color: "hotpink",
    address: "seoul",
}

let newOjb = {...defaults, ...customs};
// {color: "hotpink", hobby: "nap", address: "seoul"} 출력한다.

앞쪽이 기존 데이터고, 뒷쪽 데이터를 덮어쓴다.