🛸 자바스크립트의 자주쓰이는 내장 객체와 메소드

😳 들어가기전에..

자바스크립트에 기본적으로 들어가 있는 객체와 메소드를 알아봅시다!
자주쓰이는 것들 위주로 모아두었고 모든 내용을 알고싶다면 MDN문서를 참고하세요!

🕐 숫자 및 날짜

Math 객체

• 수학에서 자주 사용하는 상수와 함수들을 미리 구현한 자바스크립트 표준 내장 객체

math 객체의 메소드

• min(): 가장 작은 수를 리턴. 매개변수가 전달되지 않으면 Infinity를 리턴. 비교할 수 없는 값이 포함되어 있으면 NaN을 리턴
• max(): 가장 큰 수를 리턴. 매개변수가 전달되지 않으면 -Infinity를 리턴. 비교할 수 없는 값이 포함되어 있으면 NaN을 리턴
• round(): 소수점 첫번째 자리에서 반올림하여 그 결과를 리턴
• floor(): 소수점 버림
• ceil(): 소수점 올림
• random(): 0보다 크거나 같고 1보다 작은 무작위 소수를 리턴

Date 객체

• 날짜, 시간등을 쉽게 처리할 수 있는 내장 객체
• 연도(year)
  - 2자리로 연도를 표기: 1900 ~ 1999년
  - 4자리로 연도를 표기: 2000 ~
  
• 월(month)❗❗주의: 0부터 1월로 시작합니다❗❗
  - 0(1월) ~ 11(12월)
  

Date 객체를 생성하는 방법

new Date(): 현재 날짜 시간을 저장한 객체가 생성
new Date('날짜 문자열'): 해당 특정 날짜와 시간을 저장한 객체가 생성
new Date('밀리초'): 1970년 1월 1일 0시 0분 0초 ~ 해당 밀리초만큼 지난 날짜와 시간을 저장한 객체가 생성
new Date(년, 월, 일, 시, 분, 초, 밀리초): 해당 특정 날자와 시간을 저장한 객체가 생성

🅰 텍스트 처리

String 객체

• 문자열을 손쉽게 다룰 수 있는 객체

String 객체의 메소드

• length: 문자열의 길이를 반환하는 프러퍼티
• indexOf(): 특정 문자나 문자열이 처음 등장하는 위치를 리턴
• charAt(): 특정 문자열에서 전달 받은 인덱스에 위치한 문자를 리턴
• includes(): 특정 문자열에서 전달 받은 문자열이 포함되어 있는지 여부를 리턴
• substring(): 전달 받은 시작 인덱스부터 종료 인덱스 바로 앞까지 문자열 추출
• substr(): 전달 받은 시작 인덱스부터 전달 받은 개수만큼 문자열을 추출
• split(): 구분자를 기준으로 나눈 후 나뉜 문자열을 하나의 배열에 저장
• replace(): 원본 문자열의 일부를 전달 받은 문자열로 치환
• trim(): 문자열의 앞 뒤 공백을 제거
• toUpperCase(): 모두 대문자로 변환
• toLowerCase(): 모두 소문자로 변환

✅ 인덱스 콜렉션

배열(Array)

• 이름과 인덱스로 참조되는 정렬된 값의 집합(자료구조)
• 배열을 구성하는 각각의 값을 배열 요소라고 하며, 배열에서의 위치를 가리키는 숫자를 인덱스라고 함
  ✔ 배열선언

	 let 배열명;

✔ 배열 초기화

    배열명 = [요소1, 요소2, 요소3 ..];
        // 리터럴 표기법
        let arr;
        arr = [100, 200, 300];
        
        let arr = [100, 200. 300];

✔ 배열 객체로 생성

	 let 배열명 = new Array(요소1, 요소2 ..);

⭐ 자바스크립트 배열의 특징

• 배열 요소의 타입이 고정되어 있지 않음

	let arr = [1, 1.5, '김사과', true];

• 배열 요소의 인덱스가 연속적이지 않아도 됨

	let arr;        //그냥 변수 상태
        arr[0] = 1;     //값을 넣었을때 배열로 처리
        arr[1] = 2;     
        arr[4] = 5;     //[1][2][][][5] //나머지는 undefined 가 됨
        * index 2, 3 은 undefined

Array 객체의 메소드

• push(): 배열의 요소를 추가
• pop(): 배열의 마지막 주소에 있는 값을 제거
• shift(): 배열의 첫번째 주소에 있는 값을 제거
• contact(): 두 개의 배열을 합침
• join(): 배열 요소 사이에 원하는 문자를 삽입
• reverse(): 배열을 역순으로 재배치
• sort(): 배열을 오름차순으로 정렬 : 문자열 정렬(숫자정렬은 같은 자리수만 가능하다. 100의자리수,1000의 자리수...)
  참고 )내림차순으로 정렬하고 싶다면 sort하고 reverse을 한다.
  

(참고) 배열을 이용한 반복 3가지

첫번째 방법: for in 문
변수에 배열의 index 또는 객체의 key 가 저장한다.
여기서 in은 index를 뜻한다.

for(변수 in 객체){
	객체의 property 갯수만큼 반복할 실행문;
	...
}

두번째 방법: for of 문
변수에 배열의 value 또는 객체의 value 가 저장

	for(변수 of 객체){
	객체의 property 갯수만큼 반복할 실행문;
	...
}

세번쨰 방법: forEach 문
배열만 쓸 수 있는 반복문이다.

배열명.forEach(function(변수1, 변수2, 변수3){  //익명함수
	배열의 요소 갯수만큼 반복할 실행문;
	...
})

🔑 키 콜렉션

Map 객체

Set 객체

Map과 Set은 따로 다룰 예정입니다.

📃 구조화된 데이터

Json

🔮 제어 추상화 객체

Promise

따로 정리한 글입니다. 참고하세요!