[JavaScript] mdn보며 String 파헤쳐보기

김민석·2025년 4월 3일
post-thumbnail

공부내용

변수

camelCase 사용하기,예약어(let,const)사용불가,맨앞에 숫자,_ 불가

let과 const 이용하기

기본적으로는 const를 사용하되, 변수값이 변해야 하는 변수나 필요한 경우에만 let을 사용하자 객체는 const로 선언하되 내부 속성 변경을 고려하자. 전역 변수 사용을 최소화하고 블록 스코프를 활용하자!

String

String.length : 문자열의 길이 반환

String.indexOf("i",start): 문자열에서 i를 찾는다 첫번쨰 인자는 필수적으로 들어가야하고 start는 사용하지 않아두된다. 문자열에서 i를 찾아 그 index를 반환해준다. 존재하지 않다면 -1를 반환한다! 또한 start는 사용하면 start번째부터 찾기 시작한다.

String.lastIndexOf("i",start) : 맨 끝에사 부터 시작하면서 찾기 시작한다 첫번쨰 인자는 필수적이며 start는 사용하지 않아두된다. start를 사용하면 start부터 앞으로 찾기 시작한다. 존재하지 않으면 -1 반환

String,substring(start,end):start는 필수적이며 start만 있는경우
start부터 끝까지 반환한다. end를 사용하면 start부터 end -1 까지 반환한다!

String.slice(start,end) : 문자열의 이룹를 추출하여 새로운 문자열로 변환. 기존 문자열은 수정하지 않는다. start는 필수적이며 start만 있는경우 start부터 끝까지 반환한다. end를 사용하면 start부터 end -1 까지 반환한다! 음수라면 끝에서 부터 자르게 된다!!

String.replace(char,change) : replace는 char을 change로 바꿔준다. char인 첫 문자열만 바꿔주기 때문에 모든 char을 change로 바꾸고싶다면 replaceAll을 사용하면된다.

String.fromCharCode() : 정적 메서드 이기 때문에 String.fromCharCode()로 사용한다. 보통 아스키코드값을 넣어 문자열로 반환해준다

console.log(String.fromCharCode(65)); // "A"
console.log(String.fromCharCode(97)); // "a"
console.log(String.fromCharCode(48)); // "0"

String.charAt() : 지정된 인덱스에 해당하는 단일문자를 반환한다.
만약 인덱스가 문자열 길이보다 큰 경우 빈 문자열을 반환한다.

String.charCodeAt(index) : String에 있는 index의 문자를 아스키코드로 반환

"ABC".charCodeAt(0); // 65 반환
"ABC".charCodeAt(1); // 66 반환

String.concat(str) : 매개변수로 전달된 모든 문자열을 붙임

const str1 = "Hello";
const str2 = "World";
console.log(str1.concat(" ", str2));
// output: "Hello World"
console.log(str2.concat(", ", str1));
// output: "World, Hello"

String.endsWith("th",end) : 문자열이 "th"로 끝나는지 확인하고 bool값으로 반환해준다 end는 필수적이지 않으며 end 까지만 탐색하게 해준다.

String.includes("str",start) : 문자열이 다른 문자열에 포함되어 있는지를 판별하고, 결과를 true 또는 false 로 반환합니다. 검색 시 대소문자를 구분합니다. str은 필수로 들어가야 하며 start는 필수가 아니다 start는 찾기 시작할 위치다!

String.padEnd("len","str") : 문자열이 len 크기에 부족한 만큼 str을 뒤쪽에 더해서 채워준다 str은 사용하지 않으면 공백이 추가된다.

"abc".padEnd(10); // "abc       "
"abc".padEnd(10, "foo"); // "abcfoofoof"
"abc".padEnd(6, "123456"); // "abc123"
"abc".padEnd(1); // "abc"

String.padStart("len","str") :문자열이 len 크기에 부족한 만큼 str을 앞쪽에 더해서 채워준다 str은 사용하지 않으면 공백이 추가된다.

"abc".padStart(10); // "       abc"
"abc".padStart(10, "foo"); // "foofoofabc"
"abc".padStart(6, "123465"); // "123abc"
"abc".padStart(8, "0"); // "00000abc"
"abc".padStart(1); // "abc"

String.repeat(count) : 문자열을 count만큼 반복해준다.

"abc".repeat(2); // 'abcabc'

String.split("str") : str로 문자열을 나눈다.
split(" ") 이면 공백으로 문자열을 나눈다.
또한 배열을 구분자로 사용할 수 있는데

var myString = "ca,bc,a,bca,bca,bc";
var splits = myString.split(["a", "b"]);
console.log(splits); //["c", "c,", "c", "c", "c"]

여기서 배열은 "a,b"로 나누게 된다. 처음에는 a또는 b로 나눈다는 생각을 잠시 했는데 아니다..

var splits = myString.split(/[ab]/);
console.log(splits); 
// ["c", "c,", "", "c,", "c,", "c"]

a 또는 b로 나눌라면 정규표현식을 사용해 나누어야 한다!

String.startsWith("str",start) :
문자열이 "str"로 시작하는지 확인하고 bool값으로 반환해준다 end는 필수적이지 않으며 end 까지만 탐색하게 해준다.

String.toLowerCase() : 문자열을 소문자로 변환 시켜주는 메서드

String.toUpperCase() : 문자열을 대문자로 변환 시켜주는 메서드

String.toString() : 문자열로 변환해줌

String.trim() : 문자열에 있는 맨앞 맨뒤 공백을 제거해줌

profile
나만의 기록장

0개의 댓글