자바스크립트의 String

자바스크립트의 String

자바스크립트에서는 문자열을 리터럴로 많이 사용했기 때문에 잘 모르지만 대부분 문자열 리터럴은 문자열 클래스로 자동 변환되어 사용됩니다. String 클래스에는 문자열을 생성하는 기능을 시작으로 문자열과 관련된 유용한 기능이 담겨 있습니다. 특히 String 클래스는 실무에서 유용하게 사용하게 됩니다. 아래에 표로 간단하게 정리하자면 String는 다양한 메서드가 있음을 알 수 있습니다.

저 같은 경우에는 length, indexOf, concat, charAt, trim() 을 많이 쓰는 것 같습니다.ㅎ

 

프로퍼티	설명
length	문자열 길이를 반환
charAt(n)	n번째 문자 구하기
charCodeAt(n)	n번째 문자의 코드 값 구하기
concat(str)	문자열 뒤쪽에 str을 연결해 새로운 문자열 만들기
indexOf(substr)	substr 문자열이 위치한 위치값 구하기, 앞에서부터 검색 시작
lastIndexOf(substr)	substr 문자열이 위치한 위치값 구하기, 뒤에서부터 검색 시작
match(reg)	정규표현식(reg)를 활용한 문자열 검색
replace(reg,rep)	정규표현식을 활용한 문자열 교체
search(reg)	정규표현식을 활용한 문자열 위치 검색
slice(start, end)	start번째부터, end번째 문자열 추출
split(str)	문자열을 str로 분할해 배열로 생성해
substr(start, count)	start번 째부터 count 개수 만큼 문자열 추출
toLowerCase()	모든 문자열을 소문자로 변환
toUpperCase()	모든 문자열을 대문자로 변환
trim()	좌우 공백 제거

var value = ' hello Ktko ';

//charAt(n) n번째 문자 구하기
console.log(value.charAt(2)); //e

//charCodeAt(n) n번째 문자의 코드 값 구하기
console.log(value.charCodeAt(2)); //101

//concat(str) 문자열 뒤쪽에 str을 연결해 새로운 문자열 만들기
console.log(value.concat(' hello kyungtae')); // hello Ktko  hello kyungtae

//indexOf(substr) substr 문자열이 위치한 위치값 구하기, 앞에서부터 검색 시작
console.log(value.indexOf('ktko')); //없을 경우에 -1
console.log(value.indexOf('Ktko')); //있을경우엔 위치값 반환 7

//split(str) 문자열을 str로 분할해 배열로 생성해
console.log(value.split(' ')); //[ '', 'hello', 'Ktko', '' ]

//substr(start, count) start번 째부터 count 개수 만큼 문자열 추출
console.log(value.substr(1, 6)); //hello

//toLowerCase() 모든 문자열을 소문자로 변환
console.log(value.toLowerCase()); // hello ktko

//toUpperCase() 모든 문자열을 대문자로 변환
console.log(value.toUpperCase()); // HELLO KTKO 

//trim() 좌우 공백 제거
console.log(value.trim()); //hello ktko

//lastIndexOf(substr) substr 문자열이 위치한 위치값 구하기, 뒤에서부터 검색 시작
var value = 'everybody';
console.log(value.lastIndexOf('every')); // 0
 
var value = 'coding everybody';
console.log(value.lastIndexOf('every')); // 7

//match(reg) 정규표현식(reg)를 활용한 문자열 검색
var str="coding everybody, everywhere, everytime";
var patt1=/every.+/gi;
console.log(str.match(patt1)); // [everybody, everywhere, everytime] 배열을 반환함

//replace(reg,rep) 정규표현식을 활용한 문자열 교체
var str="000님  환영합니다. hello world"; 
console.log(str.replace('000', 'egoing')); // 문자를 이용해서 값을 치환
console.log(str.replace(/000/gi, 'egoing')); // 정규표현식을 이용해서 값을 치환

//search(reg) 정규표현식을 활용한 문자열 위치 검색
var str="coding everybody";
console.log(str.search('e'));  // 7, 인자로 문자열을 전달하면 안시적으로 정규표현식 객체로 형변환
console.log(str.search(/e/));  // 7, 정규표현식을 이용해서 위치를 검색

//slice(start, end) start번째부터, end번째 문자열 추출
var numbers = [1,2,3,4,5,6,7,8,9,10];
console.log(numbers.splice(2)); // array, [3,4,5,6,7,8,9,10], 시작점 2부터 배열의 마지막 원소까지를 대상으로 한다.
console.log(numbers); // array, [1,2], 원본이 수정된다. 
 
var numbers = [1,2,3,4,5,6,7,8,9,10];
console.log(numbers.splice(2, 4)); // array, [3,4,5,6]
 
var numbers = [1,2,3,4,5,6,7,8,9,10];
console.log(numbers.splice(2, 4, 'three', 'four', 'five', 'six')); // array, [3,4,5,6]
console.log(numbers); // array, [1,2,three,four,five,six,7,8,9,10]