[JS] 09. 자바스크립트 기본내장객체 - String, Number, Math, Array, Date 요약정리

Kang So Hyun·2023년 4월 14일
0

1. String - 문자열을 표현할 때 사용하는 객체

📍 String 변수 생성

  • 변수식 선언 : var 변수명 = '문자열';
  • 객체식 선언 : var 변수명 = new String('문자열');

📍 length 속성

  • length 속성은 글자수를 반환하는 속성입니다.

📍 String 객체 메서드

  • charAt(position) : 해당 인덱스 문자 반환
  • charCodeAt(position) : 해당 인덱스 문자를 유니코드 번호로 반환
  • concat(args) : 매개변수로 입력한 문자열을 결합
  • indexOf(searchString,position) : 앞에서부터 일치하는 문자열의 인덱스 반환
  • lastIndexOf(searchString,position) : 뒤에서부터 일치하는 문자열의 인덱스 반환
  • Match(regExp) : 문자열 안의 regExp가 있는지 확인
  • replace(regExp, replacement) : 문자열 안의 regExp를 replacement로 교체
  • Search(regExp) : regExp와 일치하는 문자열의 위치 반환
  • slice(start, end) : 특정 위치의 문자열을 반환
  • split(separator, limit) : separator로 문자열을 잘라서 배열로 반환
  • substr(start, count) : start부터 count만큼 문자열을 잘라서 반환
  • substring(start, end) : start부터 end까지 문자열을 잘라서 반환
  • toLowerCase() : 문자열을 소문자로 바꾸어 반환
  • toUpperCase() : 문자열을 대문자로 바꾸어 반환

📍 String 객체의 HTML 관련 메서드

  • anchor() : 문자열에 a태그 추가
  • big() : big태그 추가
  • blink() : blink 태그 추가
  • bold() : b 태그 추가
  • fixed() : tt 태그 추가
  • fontcolor(colorString) : font 태그와 color 속성을 추가
  • fontsize(fontSize) : font 태그와 size 속성을 추가
  • italics() : i 태그 추가
  • link(linkRef) : a 태그와 href 속성 추가
  • small() : small 태그 추가
  • strike() : strike 태그 추가
  • sub() : sub 태그 추가

2. Number - 숫자를 표현할 때 사용하는 객체

📍 Number 변수 생성

  • 변수식 선언 : var 변수명 = 수치;
  • 객체식 선언 : var 변수명 = new Number(수치);

📍 Number 객체 메서드

  • toString() : 숫자를 문자열로 반환
  • toExponential() : 숫자를 지수 표시로 교체 후 문자열로 반환
  • toFixed() : 숫자를 소수자릿수로 변환하여 문자열로 반환
  • toPrecision() : 매개변수에 적혀있는 number만큼 숫자 반환

📍 Number 객체의 속성

  • MAX_VALUE : 자바스크립트에서 표현 가능한 최대 숫자
  • MIN_VALUE : 자바스크립트에서 표현 가능한 최소 숫자
  • NaN : Not a Number. 자바스크립트의 숫자로 나타낼 수 없는 숫자
  • POSITIVE_INFINITY : 양의 무한대 수
  • NEGATIVE_INFINITY : 음의 무한대 수

** String 객체는 문자열의 내용을 바꾸지 않고 반환하기 때문에 메소드 체이닝이 가능하다.

3. Array - 배열을 표현할 때 사용하는 객체

📍 Array 변수 생성

  • 변수식 선언 : var 변수명 = [값1, 값2,..];
  • 객체식 선언 : var 변수명 = new Array(값1, 값2, 값3);

📍 Array 객체의 속성

  • length: 배열의 크기를 반환

📍 Array 객체 메서드

  • concat(a,b,..) : 매개변수로 입력한 배열의 요소를 모두 합쳐 배열을 만들어 반환
  • pop() : 배열의 마지막 요소를 제거하고 반환
  • shift() : 배열의 첫번째 요소를 제거하고 반환
  • push(a) : 배열의 마지막 부분에 새로운 요소(매개변수인 a)를 추가
  • unshift(a) : 배열의 첫번째 부분에 새로운 요소(매개변수인 a)를 추가
  • sort() : 배열의 요소를 정렬
  • reverse() : 배열의 요소 순서를 뒤집음
  • indexOf(a) : 매개변수 a가 배열 중 몇번째 있는지 인덱스번호로 반환
  • join() : 배열값을 문자열로 반환
  • map(콜백함수) : 배열의 모든 값을 콜백함수에서 호출한 결과로 새 배열로 반환
  • slice(start,end) : 배열 요소에서 매개변수로 지정한 부분을 리턴
  • splice(separator,limit) : 배열 요소의 지정한 부분을 삭제하고 삭제한 요소를 리턴

4. Math - 수학과 관련된 속성과 메서드를 가진 객체

📍 Math 객체 속성

  • Math.E : 오일러의 수인 자연상수 e 반환
  • Math.PI : 원주율 반환
  • Math.SQRT2 : 2의 제곱근 반환
  • Math.SQRT1_2 : 1/2의 제곱근 반환
  • Math.LN2 : 2의 자연 로그 반환
  • Math.LN10 : 10의 자연 로그 반환
  • Math.LOG2E : E의 밑이 2인 로그 반환
  • Math.LOG10E : E의 밑이 10인 로그 반환

📍 Math 객체 메서드

  • abs(x) : x의 절대값 반환
  • ceil(x) : x보다 크거나 같은 가장 작은 정수 반환
  • cos(x) : x의 코사인 값 반환
  • exp(x) : 자연로그의 x제곱 반환
  • floor(x) : x보다 작거나 같은 가장 큰 정수 반환
  • log(x) : x의 로그 값 반환
  • max(x,y,z,...) : 매개변수 중 가장 큰 값 반환
  • min(x,y,z,...) : 매개변수 중 가장 작은 값 반환
  • pow(x, y) : x의 y제곱 반환
  • random(x) : 0부터 1까지의 임의의 수 반환
  • round(x) : x를 반올림해서 반환
  • sin(x) : x의 사인 값 반환
  • sqrt(x) : x의 제곱근 반환
  • tan(x) : x의 탄젠트 값 반환

📍 기본 내장 객체 중 유일하게 생성자를 사용하지 않음 !!
📍 Math 객체는 함수가 아닌 변수 //Math.속성 형태로 사용

5. Date - 날짜와 시간을 표시하는 객체

📍 var 변수명 = new Date();

  • 기본내장객체가 미리 선언되어 있기 때문에 호출해서 사용하면 된다.

📍 Date 매개변수 지정

  • new Date();
  • new Date(년, 월, 일, 시, 분, 초, 밀리초);
  • new Date(밀리초);
  • new Date(날짜문자열);

📍 Date 객체의 게터(get00)

  • getFullYear() : 4자리 숫자로 연도 가져옴 (yyyy)
  • getMonth() : 월을 숫자로 가져옴 (0-11) - 1월이 0, 12월이 11로 배당
  • getDate() : 일을 숫자로 가져옴 (1-31)
  • getHours() : 시간을 가져옴 (0~23)
  • getMinutes() : 분을 가져옴 (0~59)
  • getSeconds() : 초를 가져옴 (0~59)
  • getMilliseconds() : 밀리초를 가져옴 (0~999)
  • getTime() : 1970년 1월 1일 이후의 밀리초 수를 반환
  • getDay() : 요일을 숫자로 가져옴 (0-6) - 일요일이 0, 토요일을 6
  • Date.now() : 1970년 1월 1일 00:00:00 UTC 이후의 밀리초 수를 반환

📍 Date 객체의 세터(set00)

  • setDate() : 날짜를 숫자로 설정(1-31)
  • setFullYear() : 연도 설정(선택적으로 월과 일)
  • setHours() : 시간 설정(0-23)
  • setMilliseconds() : 밀리초 설정(0-999)
  • setMinutes() : 분 설정(0-59)
  • setMonth() : 월 설정(0-11)
  • setSeconds() : 초 설정(0-59)
  • setTime() : 시간 설정(1970년 1월 1일 이후의 밀리초)
profile
중국어랑 코딩하기 (❛ ֊ ❛„)

0개의 댓글