[Javascript]기초 메소드(Number / String / Array)

 

메소드란 자바스크립트 내에 내장되어 있는 객체(내장 객체)를 의미한다.

 

Number / String / Array 등 각각에 적용되는 메소드 역시 따로 존재한다.

 

첫번째로 Number Method에 대해 알아보자.

 

메소드에는 수많은 종류가 있지만, 그나마 자주 쓰이는 메소드는 다음 표와 같다.

 

 

Number(문자열)	숫자로 변환
Math.abs(숫자)	숫자의 절대값을 반환
Math.max(숫자1, 숫자2, 숫자3 ...)	숫자 중 가장 큰 값을 반환
Math.min(숫자1, 숫자2, 숫자3 ...)	숫자 중 가장 작은 값을 반환
Math.pow(숫자, 제곱값)	숫자의 거듭제곱값을 반환
Math.random()	0~1 사이의 난수를 반환
Math.round(숫자)	소수점 첫째 자리에서 반올림 하여 정수를 반환
Math.ceil(숫자)	소수점 첫째 자리에서 무조건 올림하여 정수를 반환
Math.floor(숫자)	소수점 첫째 자리에서 무조건 내림하여 정수를 반환
Math.sqrt(숫자)	숫자의 제곱근값을 반환
Math.PI	원주율 상수를 반환

Number Method를 이용하여 다음과 같은 값을 반환할 수 있다.

let num = 5.12345

Math.max(1, 3, 5, 10) // 10
Math.Min(1, 3, 5, 10) // 1
Math.round(num)   // 5
Math.floor(num)   // 5
Math.ceil(num)    // 6
Math.random()    // 0~1
Math.PI       // 3.14

 

다음은 String Method에 관한 내용으로 문자열 데이터를 취급한다.

 

String( )	문자로 변환
.length	문자열의 길이를 반환
.charAt(index)	문자열에서 해당 인덱스 문자를 반환
.indexOf('찾을 문자')	문자열 왼쪽 부터 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환. 찾는 문자가 없으면 -1 을 반환
.lastIndexOf('찾을 문자')	문자열 오른쪽 부터 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환. 찾는 문자가 없으면 -1 을 반환.
.match('찾을 문자')	문자열 왼쪽 부터 일치하는 문자를 찾아 제일 먼저 일치하는 문자를 반환. 찾는 문자가 없으면 null 을 반환
.replace('바꿀 문자', '새문자')	문자열 왼쪽 부터 일치하는 문자를 찾아 제일 먼저 일치하는 문자를 새 문자로 치환
.search('찾을 문자')	문자열 왼쪽 부터 일치하는 문자를 찾아 제일 먼저 일치하는 문자의 인덱스 번호를 반환
.slice(a, b)	a개의 문자를 자르고 b번째 이후 문자를 자른 후 남은 문자를 반환
.substring(a, b)	해당 인덱스 a 번째에서 b번째 사이의 문자를 반환
.substr(a, 문자 개수)	문자열에 a 인덱스부터 지정한 문자 개수만큼 문자열을 반환
.split('문자')	지정한 문자를 기준으로 문자데이터를 나누어 배열로 지정하여 반환
.toLowerCase( )	문자열에서 영문 대문자를 모두 소문자로 변환
.toUpperCase( )	문자열에서 영문 소문자를 모두 대문자로 변환
.concat("새로운 문자")	문자열에 새로운 문자를 결합
.charCodeAt(index)	문자열 인덱스에 해당 문자의 아스키 코드값을 반환
.fromCharCode(아스키 코드 값)	아스키 코드값에 해다하는 문자를 반환
.trim( )	문자의 앞 또는 뒤에 공백 문자열을 삭제

String Method를 이용하는 방법은 다음과 같다.

 

let str = 'Hello world, Hello"

str.length    // 18
str.charAt(4)       // "o"
str.indexOf('world')  //  6
str.match('he')     // ["world", index: 6, input: "hello world", groups: undefined]
str.substring(3, 5)   // "lo"
str.substr(4, 7)    // "o world"
str.replace('world', 'Earth')  // "Hello Earth, Hello"
str.toLowerCase()   // "hello world, hello"
str.toUpperCase()   //  "HELLO WORLD, HELLO"
str.split(" ")     // ['Hello', 'world,', 'Hello']
str.concat(' Hello')   // "Hello world, Hello Hello"

 

 

마지막으로 기본적인 array method에 대해서 알아보자.

 

.join(연결 문자)	배열 객체의 데이터를 연결 문자 기준으로 1개의 문자형 데이터로 반환
.reverse( )	배열 객체의 데이터 순서를 거꾸로 바꾼 후 반환
.sort( )	배열 객체의 데이터를 오름차순으로 정렬
.slice(index1, index2)	배열 객체의 데이터 중 원하는 인덱스 구간만큼 잘라서 배열 객체로 변환
.splice( )	배열 객체의 지정 데이터를 삭제하고 그 구간에 새 데이터를 삽입
.concat( )	2개의 배열 객체를 하나로 결합
.pop( )	배열에 지정된 데이터 중 마지막 인덱스에 저장된 데이터를 삭제
.push(new data)	배열 객체의 마지막 인덱스에 새 데이터를 삽입
.shift( )	배열 객체에 저장된 데이터 중 첫 번째 인덱스에 저장된 데이터를 삭제
.unshift( )	배열 객체의 가장 앞의 인덱스에 새 데이터를 삽입
.length	배열에 저장된 총 데이터의 개수를 반환

 

여기까지가 기본적으로 사용되는 Array Method이다.

 

concat 이나 length의 경우 배열과 문자열 모두 사용이 가능하다.

 

이렇게 기본적인 메소드를 익히고 사용한다면, 기본적인 코딩 작업에서 큰 불편함은 없을 것이다.

 

물론 이보다 더 많은 메소드가 존재 하며,

 

Array Method 중에서 .map 메소드 , .filter 메소드 , .reduce 메소드에 대해서는 이후 추가적으로 작성할 계획이다.