자바스크립트 javascript 문자열 관련 함수 정리

특정 문자열로 시작하는지

문자열변수.startswith("특정문자열")

const str = "Kyurasi rocks...!";
const checking_str = "Kyu";
console.log(str.startsWith(checking_str)); 
// str이 checking_str로 시작하므로 true 를 리턴하게 됩니다

const str = "Kyurasi rocks...!";
const checking_str = "Jyu";
console.log(str.startsWith(checking_str)); 
// str이 checking_str로 시작하지 않으므로 false 를 리턴하게 됩니다

특정 위치부터 특정 문자열로 시작하는지

문자열변수.startswith("특정문자열",몇번째)

const str = "Kyurasi he so goood";
console.log(str.startsWith("si", 5)); 
// 0부터 시작해서 5인덱스부터 si로 시작하므로 true
console.log(str.startsWith("si", 6)); 
// 0부터 시작해서 6 번째 인덱스부터 si로 시작하지 않으므로 false

특정 문자열로 끝나는지

문자열변수.endswith("특정문자열")

const str = "Kyurasi is cute";
const checking_str = "ute";
console.log(str.endsWith(checking_str)); 
// str이 checking_str로 끝나므로 true를 리턴합니다

길이만큼 자른 문자열이 특정 문자열로 끝나는지

문자열변수.endswith("특정문자열", 문자열 변수를 자를 길이)

const str = "Kyurasi is sleeping";
const ending_str = "sleep";
console.log(str.endsWith(ending_str, 16)); 
// 길이 12만큼 자른 "Kyurasi is sleep" 는 sleep 으로 끝나므로 true를 반환하게 됩니다
console.log(str.endsWith(ending_str, 9));
// 길이 9만큼 자른 "Kyurasi i" 는 sleep 으로 끝나지 않으므로 false를 반환합니다

 

문자열에서 특정 위치의 값 가져오기

문자열변수.charAt(위치)

const str = "Kyurasi";
console.log(str.charAt(0));
// 문자열에서 0번째 인덱스인 'K'를 리턴
console.log(str.charAt(3));
// // 문자열에서 0번째 인덱스인 'r'을 리턴

문자열에서 특정 문자열의 위치 찾기

문자열변수.indexOf('찾을문자열')

1. 자바스크립트에서 특정 문자열을 찾을 수 없는 경우에는 -1을 반환합니다
2. indexOf(문자열) 함수에서는 대소문자를 구분합니다

const str = "Kyurasi is good";
str.indexOf('ura');     // ura의 위치인 2를 반환 자바스크립트에서 인덱스는 0부터 시작.
str.indexOf('kyu');    // 찾지 못했으므로 -1을 반환

/* 특정 위치 이후에서 찾기 */
str.indexOf('s', 6);  
// 인덱스 6인 i부터(Kyurasi의 i번째 포함) 찾아서 처음 나오는 's'의 인덱스인 9를 반환

문자열에서 특정 문자열의 마지막 위치 찾기

문자열변수.lastIndexOf('찾을문자열')

1. indexOf(문자열)함수는 특정문자나 문자열이 처음으로 등장하는 위치를 반환
2. lastIndexOf(문자열)함수는 특정문자나 문자열이 마지막으로 등장하는 위치를 반환한다

const str = "Come as soon as possible";

console.log(str.indexOf("as"))
// 처음으로 "as" 가 나온 위치인 5가 반환됩니다
console.log(str.lastIndexOf("as"))
// 마지막으로 "as" 가 나온 위치인 13이 반환됩니다!

 

문자열 분리하기, 나누기

문자열.split("문자열")

const str = "큐라시는 진짜 X나 멋있어";


console.log(str.split());    // 구분자를 명시하지 않으면 아무런 동작도 하지 않음.
// [ '큐라시는 진짜! X나 멋있어' ]

console.log(str.split("!")) // 느낌표("!")를 기준으로 나눔.
// [ '큐라시는 진짜', ' X나 멋있어' ]

console.log(str.split(" ")) // 띄어쓰기(" ")를 기준으로 나눔.
// [ '큐라시는', '진짜!', 'X나', '멋있어' ]

console.log(str.split("진")) // 느낌표("!")를 기준으로 나눔.
// [ '큐라시는 ', '짜! X나 멋있어' ]

문자열 합치기, 문자열 결합

let str = "큐라시는";
let str2 = "멋있죠"

str.concat(str2)	// 둘을 합치는 코드
console.log(str)	// 결과 : "큐라시는" 그런데 변하지 않는다.

let str_bind = str.concat(str2)	// 결합을 하고 저장을 해야 한다!
console.log(str_bind)	// 결과 : "큐라시는멋있죠"

문자열 대소문자 변환

대문자로 : 문자열.toUpperCase()

소문자로 : 문자열.toLowerCase()

var str = "Kyurasi is Korean";

console.log(str.toUpperCase()); // KYURASI IS KOREAN
console.log(str.toLowerCase()); // kyurasi is korean

문자열에서 공백 제거

문자열.trim()

let str = "      JavaScript    ";

console.log(str)
//       JavaScript

str = str.trim();	// 공백을 제거한 것을 str에 할당
console.log(str)	
// JavaScript

특정 문자열 반복시키기

문자열.repeat(반복횟수)

let str = "Kyurasi";
console.log(str.repeat(3)) // KyurasiKyurasiKyurasi

 

자바스크립트의 String 문자열 관련 함수들을 알아보았는데, 이 정도면 일반적으로 사용하는 함수들은 거의 다 한 것 같아요. 한번 정리를 해놓고 계속 보는 것이 분명히 도움이 될 거에요