[JavaScript] 학습정리 - 10.String 객체

자바스크립트는 객체 기반 함수형 스크립트 언어이며 웹에서 중요한 위치를 차지하고 있다.

 

이번에는 자바스크립트에서 가장 많이 사용하는 String 객체를 알아보자. String 객체의 속성과 메서드에서 자주 사용하는 것을 하나씩 확인해 보자.

string.length
String 객체는 length 프로퍼티로 문자열의 길이를 알 수 있다.

var msg = "Hello JavaScript";
console.log(msg.length); 

>> 16

 

string.prototype
프로토타입 속성은 String의 프로토타입 객체를 나타낸다.
이런 속성이 있다는 정도로 알아두자.

string.charAt(pos)
charAt 메서드는 문자열에서 지정된 pos 위치에 있는 문자를 반환한다.

var name = 'JavaScript';
console.log(name.charAt(2)); 

>> v

string.charCodeAt(pos)
charCodeAt 메서드는 기능은 charAt과 같은데 지정된 인텍스에 있는 문자의 코드를 반환한다.

var name = 'JavaScript';
console.log(name.charAt(2)); 

>> 118

string.concat(string..)
concat 메서드는 두 개 이상의 문자열을 연결하여 새로운 문자열을 만든다..
일반적으로 + 연산자를 사용하여 문자열을 연결한다.

var s = 'Hello'.concat(' ', 'Java', 'Script');
console.log(s);

>> Hello JavaScript

string. indexOf(searchString, position)
indexOf 메서드는 문자열에서 position 위치에서 부터 searchString을 검색한다.
발견하게 되면 첫 번째로 발견되는 문자의 위치를 반환하며 그렇지 않은 경우엔 -1을 반환한다.

var msg = "Hello JavaScript, Hi JavaScript";
console.log(msg.indexOf('Java'));
console.log(msg.indexOf('Java', 3));
console.log(msg.indexOf('Java', 10));

>> 6
>> 6
>> 21

string.lastIndexOf(searchString, posotion)
lastIndexOf 메서드는 문자열의 앞이 아니라 뒤에서부터 검색을 시작한다.
발견하게 되면 첫 번째로 발견되는 문자의 위치를 반환하며 그렇지 않은 경우엔 -1을 반환한다.

var msg = "Hello JavaScript, Hi JavaScript";
console.log(msg.lastIndexOf('Java'));
console.log(msg.lastIndexOf('Java', 3));
console.log(msg.lastIndexOf('Java', 10));

>> 21
>> -1
>> 6

string.match(reqexp)
match 메서드는 정규 표현식에 대한 문자열과 일치하는 항목을 문자열에서 찾는다.

var msg = "Hello JavaScript, Hi JavaScript";
var reg = /(Java)/i;
 
console.log(msg.match(reg));

>> ["Java", "Java", index: 6, input: "Hello JavaScript"]

var str = 'ABCDEFG abcdefg';
var reg = /[A-C]/gi;
 
console.log(str.match(reg));

>> ["A", "B", "C", "a", "b", "c"]

string.replace(searchValue, replacevalue)
replace 메서드는 지정한 문자열로 검색/변환을 실행하여 새로운 문자열을 생성한다.

var msg = "Hello JavaScript";
var reg = /(Java)/i;
console.log(msg.replace("Java", "ECMA"));

>> Hello ECMAScript

string.search(regexp)
search 메서드는 문자열 대신에 정규 표현식이 문자열과 일치하는지 검색한다.

var msg = "Hello JavaScript";
var reg = /[Java]/;
console.log(msg.search(reg))

>> 6

string.slice(start, end)
slice 메서드는 문자열의 일부분을 추출하여 새로운 문자열을 반환한다.

var msg = "Hello JavaScript";
console.log(msg.slice(8));
console.log(msg.slice(8, 13));
console.log(msg.slice(0, 5));

>> vaScript
>> vaScr
>> Hello

string.split(separator, limit)
split 메서드는 구분자로 문자열을 분리하여 문자열 배열로 생성한다.
limit는 옵션으로 나눌 수에 제한을 지정할 수 있다.

var msg = 'Hello JavaScript. Nice to meet you.';
console.log(msg.split(' ', 4));
console.log('0123456789'.split('', 3));
console.log('192.168.0.1'.split('.'));

>> ["Hello", "JavaScript.", "Nice", "to"]
>> ["0", "1", "2"]
>> ["192", "168", "0", "1"]

string.substring(start, end)
substring 메서드는 start와 end를 통해 사이의 문자열 일부를 반환한다.

var msg = "Hello JavaScript";
console.log(msg.substring(0, 5));
console.log(msg.substring(5, 0));
console.log(msg.substring(6, 10));
console.log(msg.substring(10, 6));
console.log(msg.substring(0, 7));
console.log(msg.substring(0, 10));

>> Hello
>> Hello 
>> Java
>> Java
>> Hello J
>> Hello Java

string.toLowerCase()
toLowerCase 메서드는 문자열을 소문자로 변환한다.

var msg = "Hello JavaScript";
console.log(msg.toLowerCase())
 
>> hello javascript

string.toUpperCase()
toUpperCase 메서드는 문자열을 대문자로 변환한다.

var msg = "Hello JavaScript";
console.log(msg.toUpperCase())
 
>> HELLO JAVASCRIPT