[프론트엔드][자바스크립트] TIL Day-19.2 수학 객체, 배열 객체, 문자열 객체

객체의 종류

 

 1. 내장 객체 : 브라우저의 자바스크립트 엔진에 이미 내장되어 있어 필요한 경우에 객체를 생성해 사용 가능                                  

                         ex) 문자(String) 객체, 날짜(Date) 객체, 배열(Arrary) 객체, 수학(Math) 객체 등             

                                ㅡ 실행 예: Date 객체를 생성한 후, 메서드 getDate( )를 사용하여 오늘 날짜를 결과로 얻음 

 

    ① 날짜 객체

    ② 수학 객체(Math Object) : 수학과 관련된 기능과 속성을 제공

 

<수학 객체의 메서드 및 속성(상수)>

종류	설명	종류	설명
Math.abs(숫자)	숫자의 절댓값을 반환	Math.pow(숫자, 제곱값)	숫자의 거듭제곱값을 반환
Math.max(숫자1, 숫자2, 숫자3, 숫자4)	숫자 중 최대값을 반환	Math.min(숫자1, 숫자2, 숫자3, 숫자4)	숫자 중 최소값을 반환
Math.random( )	0~1 사이의 난수를 반환	Math.round(숫자)	소수점 첫째 자리에서 반올림하여 정수를 반환
Math.floor(숫자)	소수점 첫째 자리에서 내림하여 정수를 반환	Math.ceil(숫자)	소수점 첫째 자리에서 무조건 올림하여 정수를 반환
Math.sqrt(숫자)	숫자의 제곱근값을 반환	Math.cbrt(숫자)	숫자의 세 제곱근값을 반환
Math.cos(숫자)	숫자의 코사인(cosine)값을 반환	Math.cosh(숫자)	숫자의 쌍곡 코사인(cosine)값을 반환
Math.sin(숫자)	숫자의 사인(sine)값을 반환	Math.sinh(숫자)	숫자의 쌍곡 사인(sine)값을 반환
Math.tan(숫자)	숫자의 탄젠트(tangent)값을 반환	Math.tanh(숫자)	숫자의 쌍곡 탄젠트(tangent)값을 반환
Math.acos(숫자)	숫자의 아크 코사인(arc cosine)값을 반환	Math.acosh(숫자)	숫자의 쌍곡 아크 코사인(arc cosine)값을 반환
Math.asin(숫자)	숫자의 아크 사인(arc sine)값을 반환	Math.asinh(숫자)	숫자의 쌍곡 아크 사인(arc sine)값을 반환
Math.atan(숫자)	숫자의 아크 탄젠트(arc tangent)값을 반환	Math.atanh(숫자)	숫자의 쌍곡 아크 탄젠트(arc tangent)값을 반환
Math.atan2(숫자2, 숫자1)	인수 몫의 아크 탄젠트(arc tangent)값을 반환	Math.hypot([숫자1[,숫자2[,...]]])	숫자들의 제곱합의 제곱근을 반환
Math.clz32(숫자)	주어진 32비트 정수의 선행 0 개수를 반환	Math.imul(숫자1, 숫자2)	두 32비트 정수의 곱을 반환
Math.exp(숫자)	E^(숫자)를 반환, (숫자)는 인수이며 E는 오일러 상수 또는 자연로그의 밑임	Math.expm1(숫자)	exp(숫자)에서 1을 뺀 값을 반환
Math.log(숫자)	숫자의 자연로그(e를 밑으로 하는 로그, 즉 ln)값을 반환	Math.log1p(숫자)	숫자에 대해 1+ 숫자 의 자연로그 값을 반환
Math.sign(숫자)	숫자가 양수인지 음수인지 나타내는 부호를 반환	Math.trunc(숫자)	숫자의 정수 부분을 반환
Math.PI	원주율 상수를 반환	Math.E	오일러 상수를 반환, 자연로그의 밑이며 약 2.718
Math.LN2	2의 자연로그이며 약 0.693	Math.LN10	10의 자연로그이며 약 2.303
Math.LOG2E	밑이 2인 로그 E이며 약 1.443	Math.LOG10E	밑이 10인 로그 E이며 약 0.434
Math.SQRT1_2	1/2의 제곱근이며 약 0.707	Math.SQRT2	2의 제곱근이며 약 1.414

 

 

이해해보거나 적용해보거나 응용해보거나 

 

Math.random( )*10;     // 0~10 사이의 난수 반환(random)

Math.floor(Math.random( )*11);     // 0~11 사이의 난수를 발생(random)하여 소수점 값은 제거(floor)하면

                                                0~10 사이의 정수 난수 반환

Math.floor(Math.random( )*11)+190;     // 0~11 사이의 난수를 발생(random)하여 소수점 값 제거(floor)한 뒤

                                                      190을 더하면 190~200 사이의 정수 난수를 반환

 

                                                       

♠ 난수를 발생하여 원하는 구간의 정수값 구하기

Math.floor(Math.random( )*(최대값-최소값+1)+최소값;

 

 

 

 

    ③ 배열 객체 (Array Object) : 여러 개의 데이터를 하나의 저장소에 저장

 

<배열 객체의 메서드 및 속성>

종류	설명
pop( )	배열에 저장된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제
push(new data)	배열 객체의 마지막 인덱스에 새 데이터를 삽입
shift( )	배열에 저장된 데이터 중 첫번째 인덱스에 저장된 데이터를 삭제
unshift(new data)	배열 객체의 첫번째 인덱스에 새 데이터를 삽입
sort( )	배열 객체의 데이터를 오름차순으로 정렬
reverse( )	배열 객체의 데이터 순서를 거꾸로 바꾼 후 반환
join(연결문자)	배열 객체의 데이터를 연결 문자(구분자)로 1개의 문자열로 반환, 구분자를 지정않으면 쉼표가 지정됨
concat( )	2개의 배열 객체를 하나로 결합
slice(index1, index2)	배열 객체의 데이터 중 원하는 인덱스 구간만큼 잘라서 배열 객체로 가져옴
splice( )	배열 객체의 지정 데이터를 삭제하고 그 구간에 새 데이터 삽입
length	배열에 저장된 총 데이터의 개수 반환
every	배열의 모든 데이터가 주어진 함수에 대해 참이면 true, 그렇지 않으면 false 반환
filter	배열 데이터 중에서 주어진 필터링 함수에 대해 true인 것만 골라 새로운 배열을 만듬
forEach	배열의 모든 데이터에 대해 주어진 함수를 실행
indexOf	주어진 값과 일치하는 값이 있는 배열 데이터의 첫 인덱스를 찾음
toString	배열에서 지정한 부분을 문자열로 반환, 이때 각 데이터는 콤마로 구분

 

<배열 메서드 작성해보고 실행해보기>

  

 

 

  ④ 문자열 객체 (String Object) : 문자형 데이터를 객체로 취급, 자바스크립트에서 가장 많이 사용하는 객체

    문자열 객체 생성 기본형 : var 참조 변수 = new String (문자형 데이터);      ex) var t = new String ("hello javascript");
                                                    var  참조 변수 = 문자형 데이터;      ex) var t = "hello javascript";

 

<문자열 객체의 메서드 및 속성>

종류	설명
charAt(index)	문자열에서 인덱스 번호에 해당하는 문자를 반환 ex) var str='web he she'; str.charAt(1); ->'e'반환
indexOf('찾을 문자')	문자열에서 왼쪽부터 찾으려는 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환, 없으면 -1을 반환  ex) var str='web he she'; str.indexOf('she'); ->7반환
lastIndexOf('찾을 문자')	문자열에서 오른쪽부터 찾으려는 문자와 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환, 없으면 -1을 반환  ex) var str='web he she he'; str.lastIndexOf('he'); ->11반환
match('찾을 문자')	문자열에서 왼쪽부터 찾으려는 문자와 일치하는 문자를 찾아 먼저 찾은 문자를 반환, 없으면 null을 반환  ex) var str='web he she'; str.match('is'); ->null반환
search('')

 

 

 

 

 

     (workin on...)