[포스코x코딩온] 웹개발자 풀스택 과정 2주차 | Javascript 문자열 메소드, 표준객체

구준희·2023년 7월 15일
0
post-thumbnail
post-custom-banner

문자열 관련 메소드

let str = 'Happy day~!';
  • length : 문자열 길이를 반환(공백포함)

    	str.length		//13
  • toUpperCase() : 문자열 전체를 대문자, 혹은 소문자로 변경

    	str.toUppercase()		// HAPPY DAY~!
  • indexOf('') : 매개변수로 문자열을 받아서 몇번째 인덱스인지 숫자로 반환한다.

    	str.indexOf('p')		// 2    
  • slice(startIdx,[endIdx]) : start 부터 end-1 까지 슬라이싱, 매개변수로 음수값도 가능하다.

    str.slice(5, 9)		// day
    str.slice(2)			// ppy day~!
  • replace(문자열1, 문자열2)

    	str.replace('p', 'a') 	// Haapy day~!
  • replaceAll(문자열1, 문자열2)

    	str.replaceAll('p', 'a')	// Haaay day~!
  • repeat(n) : 문자열에 대해 n번 반복

    	str.repeat(3)	// Happy day~! Happy day~! Happy day~!
  • trim() : 문자열 양끝 공백 없애기

    	str.trim()		// Happy day~!
  • split() : 매개변수로 들어온 문자열을 기준으로 str을 쪼개서 배열로 저장

    str.split('')
     -> ['H', 'a', 'p', 'p', 'y', 'd', 'a', 'y']
     str,split(' ')
     -> ['Happy', 'day~!', '', '']

JavaScript 표준객체

1. Date 객체

: 자바스크립트에서 매 순간 바뀌는 시간과 날짜에 관한 정보를 얻기 위해 사용하는 객체

  • 초기화
    <script>
    new Date()
    new Date(밀리초)) new Date(800000); // 1970년 1월 1일 0시부터 밀리초만큼 지난 날짜
    new Date(,,,,,, 밀리초)) new Date(16, 5, 25);		// 1916년 5월 25일 00:0:00) new Date(2016, 5, 25, 15, 40) // 2016년 5월 25일 15:40:00
    </script>
  • Date.prototype getter 메소드( var date = new Date();)
    .getFullYear() : 년도를 출력하는 함수
    .getDate() : 날짜(일)를 출력하는 함수
    .getDay() : 요일을 출력하는 함수(월요일 -> 1 ~ 일요일 -> 7)
    .getMonth() : 월을 출력하는 함수(단, 0부터 시작한다. ex 1월 -> 0)
    .getTime() : 1970년 1월 1일 자정을 기준(밀리초단위)
    .getHours() : 시간(0 ~ 59) 값 반환
    .getMinutes() : 분(0 ~ 59) 값 반환
    .getSeconds() : 초(0 ~ 59) 값 반환

    2. Math 객체

    math.pI : 원주율 값 반환(약 3.14159...)
    math.E : 자연로그의 밑 값(약 2.718)
    math. min : 전달받은 두 값을 비교하여 그 중에서 가장 작은 값을 반환
    math. max : 전달받은 두 값을 비교하여 그 중에서 가장 큰 값을 반환
    math. random : 0이상 1미만의 범위에서 임의의 double형 값 하나 생성해서 반환
    math. round : 전달받은 실수를 소수점 첫째 자리에서 반올림한 정수를 반환
    math. floor : 인수로 전달받은 값과 같거나 작은 수 중에서 가장 큰 정수를 반환
    math. ceil : 인수로 전달받은 값과 같거나 큰 수 중에서 가장 작은 정수를 반환
profile
꾸준히합니다.
post-custom-banner

0개의 댓글