1.배열 (Array)
자바스크립트의 내장 객체 중 하나.
1-1. Array객체로 배열 만들기
- 배열에 초기값이 없는 경우, 배열 객체 선언만 해도 됨
let num = new Array( )
-> 배열 크기를 정하지 않음
let num = new Array(3)
-> 배열 크기를 지정함
- 배열에 초기값이 있는 경우 선언과 할당을 한번에 할 수도 있음
let num = ['one','two','three','four'];
let num = Array('one','two','three','four');
1-2. Array 객체의 length 프로퍼티
배열 요소의 추가 또는 제거를 쉽게 하기 위해 어떤 위치에 어떤 자료가 있는지를 알수 있는 프로퍼티
대개 배열을 순회하기 위한 for문에서 많이 사용함
1-3. Array 객체의 메서드
| 종류 | 설명 |
|---|---|
| concat | 기존 배열에 요소를 추가해 새로운 배열을 만듬(기존 배열에 영향을 주지 않음) |
| every | 배열의 모든 요소가 주어진 함수에 대해 참이면 true를 반환, 그렇지 않으면 false반환 |
| filter | 배열 요소 중에서 주어진 필터링 함수에 대해 true인 요소만 골라 새로운 배열을 만듬 |
| forEach | 배열의 모든 요소에 대해 주어진 함수를 실행 |
| indexOf | 주어진 값과 일치하는 값이 있는 배열 요소의 첫 인덱스를 찾음 |
| join | 배열 요소를 문자열로 합침. 이때 구분자를 지정할 수 있음 |
| push | 배열의 맨 끝에 새로운 요소를 추가한 후 새로운 length 반환 |
| unshift | 배열의 시작부분에 새로운 요소 추가 |
| pop | 배열의 마지막 요소를 꺼내 그 값을 결과로 반환 |
| shift | 배열에서 첫번째 요소를 꺼내 그 값을 결과로 반환 |
| splice | 배열에 요소를 추가하거나 삭제(기존배열에서 변경됨,복사 X) |
| slice | 배열에서 특정부분만 잘라냄 |
| reverse | 배열의 배치 순서를 역순으로 바꿈 |
| sort | 배열 요소를 지정한 조건에 따라 정렬 |
| toString | 배열에서 지정한 부분을 문자열로 반환, 이때 각 요소는 쉽표( , )로 구분 |
-> Array 객체의 메서드를 더 잘알고싶다면 참고 :: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array
splice
원하는 위치에 요소를 추가, 살제하는 splice() 매서드 (배열의 중간에서 삭제, 추가)
1. 인수가 1개인 경우 : splice(n)
- n은 배열의 인덱스 값, 배열의 위치를 가르킴
- 인수가 지정한 인텍스 요소부터 맨 끝 요소까지 삭제
2. 인수가 2개인 경우 : splice(a,b)
- a는 인덱스 값, b는 삭제할 요소의 개수
- 인수가 지정한 인덱스 요소부터 인수가 지정한 갯수만큼 삭제
3. 인수가 3개인 경우 : splice(a,b,c)
- a는 배열에서 삭제할 시작 위치, b는 삭제할 개수, c는 삭제한 위치에 새로 추가할 요소를 지정
- 삭제된 그 자리에 c가 추가됨
slice
요소를 꺼내는 기능을 하는 메서드, pop(), shift()메서드와 같아 보이지만 시작과 끝 인덱스를 지정해서 요소를 여러개를 꺼낼 수 있고, 기존 배열이 바뀌지 않는다는 차이점이 있다.
1. 인수가 1개일 경우 : slice(n)
- n은 시작 인덱스번호로, n번째 요소부터 마지막 요소까지 꺼내서 반환(삭제가 아님)
2. 인수가 2개일 경우 : slice(a,b)
- a와b는 꺼낼 요소의 구간을 지정함
- a는 시작 인덱스 값, b는 끝 인덱스의 바로 직전 인덱스 값(b까지 포함 아님)
splice()와 slice()의 차이점
- splice()는 요소를 추가, 삭제하면 기존 배열 자체가 수정되지만 slice()는 기존 배열에 영향을 주지 않는다.
- 기존 배열에서 꺼낸 요소로 새로운 배열을 만들어 사용하려면 slice()를, 기존 배열의 일부 요소만 삭제하려면 splice()를 사용
2. Date 객체
날짜와 시간저오를 나타낼 수 있음
1-1. Date 객체 인스턴스 만들기
- Date 객체려 현재 날짜 나타내기
- Date 객체로 특정 날짜 나타내기
- Date 객체로 특정 날짜와 시간 나타내기
1-2. 자바스크립트의 날짜, 시간 입력방식 알아보기
1. YYYY-MM-DD형식
- 연도만 나타낼때는 YYYY, 연도와 월을 나타낼때는 YYYY-MM, 연도와 월, 일을 나타낼때는 YYYY-MM-DD형태로 사용
2. YYYY-MM-DDTHH 형식
- 연도, 월, 일 다음 시간표시하는 형식
-시간을 나타낼때는 날짜 뒤에 'T'를 붙이고 HH:MM:SS 형태로 사용(맨 끝에 Z를 붙이면 UTC(국제표준시) 로 표시됨)
3. MM/DD/YYYY 형식
- 연도를 마지막에 나타내고 싶을때 사용
4. 이름 형식
- 월은 JANUARY처럼 전체를 사용하거나 Jan과 같이 줄여서 사용할 수 있음
- 맨 앞에 요일(Mon)을 함께 작성할수도 있음
1-3. Date 객체 메서드
| 구분 | 메서드명 | 설명 |
|---|---|---|
| 날짜,시간 정보 가져오기 | getFullYear() | 연도를 4자리로 표시 |
| getMonth() | 0~11사이의 숫자로 월을 표시, 0부터 1월이 시작되고 11을 12월 | |
| getDate() | 1~31 사이의 숫자로 일을 표시 | |
| getDay() | 0~6 사이의 숫자로 요일을 표시, 0부터 일요일 시작, 6월은 토요일 | |
| getTime() | 1970년 1월 1일 자정 이후 시간을 밀리초(1/1000초)로 표시 | |
| getHours() | 0~23 사이의 숫자로 시를 표시. 0부터 1시, 23이 24시 | |
| getMinutes() | 0~59 사이의 숫자로 분을 표시 | |
| getSeconds() | 0~59 사이의 숫자로 초를 표시 | |
| getMilliseconds() | 0~999 사이의 숫자로 밀리초를 표시 | |
| - | - | - |
| 날짜,시간 정보 가져오기 | setFullYear() | 연도를 4자리로 설정하기 |
| setMonth() | 0~11사이의 숫자로 월을 설정, 0부터 1월이 시작되고 11을 12월 | |
| setDate() | 1~31 사이의 숫자로 일을 설정 | |
| setDay() | 0~6 사이의 숫자로 요일을 설정, 0부터 일요일 시작, 6월은 토요일 | |
| setTime() | 1970년 1월 1일 자정 이후 시간을 밀리초(1/1000초)로 설정 | |
| setHours() | 0~23 사이의 숫자로 시를 설정. 0부터 1시, 23이 24시 | |
| setMinutes() | 0~59 사이의 숫자로 분을 설정 | |
| setSeconds() | 0~59 사이의 숫자로 초를 설정 | |
| setMilliseconds() | 0~999 사이의 숫자로 밀리초를 설정 | |
| - | - | - |
| 날짜,시간 형식 바꾸기 | toLocaleString() | 현재 날짜와 시간을 현지 시간(local time)으로 표시 |
| toString() | Date 객체 타입을 문자열로 표시 |
3. Math 객체
수학 계산과 관련된 메서드가 포함되어있지만 수학식에서만 사용하지 않음
Math객체는 Date나 Array 객체와는 다르게 인스턴스를 만들지 않아도 사용가능
1-1. Math 객체의 프로퍼티
| 종류 | 설명 |
|---|---|
| E | 자연로그의 밑인 Euler's number(e)를 나타내는 상수로, 약 2.718281828459045 |
| PI | 원주율(π)을 나타내는 상수로, 약 3.141592653589793 |
| LN2 | 2의 자연로그를 나타내는 상수로, 약 0.6931471805599453 |
| LN10 | 10의 자연로그를 나타내는 상수로, 약 2.302585092994046 |
| LOG2E | 자연로그 2를 밑으로 하는 e의 로그를 나타내는 상수로, 약 1.442695040888963 |
| LOG10E | 자연로그 10을 밑으로 하는 e의 로그를 나타내는 상수로, 약 0.4342944819032518 |
| SQRT1_2 | 1/2의 제곱근을 나타내는 상수로, 약 0.7071067811865476 |
| SQRT2 | 2의 제곱근을 나타내는 상수로, 약 1.4142135623730951 |
1-2. Math 객체의 메서드
| 종류 | 설명 |
|---|---|
| abs() | 절댓값 반환 |
| acos() | 아크 코사인(arc cosine)값 반환 |
| asin() | 아크 사인(arc sine)값을 반환 |
| atan() | 아크 탄젠트(arc tangent)값을 반환 |
| atan2() | 아크 탄젠트(arc tangent)값을 반한 |
| ceil() | 매개변수의 소수점 이하 부분 올림 |
| cos() | 코사인(cosine)값을 반환 |
| exp() | 지수 함수를 나타냄 |
| floor() | 매개변수의 소수점 이하 부분 버림 |
| log() | 매개변수에 대한 로그(log)값을 반환 |
| max() | 매개변수 중 최댓값 반환 |
| min() | 매개변수 중 최솟값 반환 |
| pow() | 매개변수의 지숫값을 반환 |
| random() | 0과 1사이 무작위 수 반환 |
| round() | 매개변수의 소수점 이하 부분 반올림 |
| sin() | 사인(sine)값 반환 |
| sqrt() | 매개변수에 대한 제곱근을 반환 |
| tan() | 탄젠트(tangent)값 반환 |
Hi!