javascript 문자열 총 정리
javascript에서 기본적으로 문자열을 만들때는 따옴표("")로 해당 문자를 묶어서 사용한다.
var myName="jeongdev";
1. 숫자를 문자열로 변환
숫자로 선언된 myNum을 문자열로 변환하여 다른 변수값에 넣을때 toString()을 사용한다.
var myNum=123;
var myString=myNum.toString();
2. 문자열 길이 반환
다른 언어에서도 사용되는 길이 변환으로 length를 사용한다.. (java에 경우 length()로 사용)
var myString="hello";
myString.length;
console.log(myString); //"hello"문자열에 대한 길이 5를 반환
3. 문자열 합치기
2개 이상의 문자열을 합치고자 할때는 concat() 메소드를 사용한다.
const str1="hello";
const str2="word";
console.log(str1.concat(',',str2)); // 문자열 "hello"와 "word"사이에 ","를 함께 붙여서 출력
>> "hello,word"
4. 특정 인덱스에 위치하는 단일 문자 찾기
index위치를 선정하여 해당 위치에 존재하는 단일 문자를 찾기위해서는 charAt()을 사용한다.
var myString="hello";
console.log(myString.charAt(0)); //0번째에 있는 문자 출력 "h"
5. 시작,종료 인덱스로 원하는 문자열 반환
객체의 시작 인덱스로 부터 종료 인덱스 전까지의 문자열의 부분을 substring()을 통해서 반환한다.
var myString="hello";
console.log(myString.substring(1,2)); //1부터 2번째에 있는 문자 출력 "el"
6. 특정 문자 찾기
대괄호 표기법 [ ] 을 통해서 직접적으로 문자열안에 있는 하나의 문자에 접근할 수 있다.
var myString="hello";
console.log(myString[2]); //0부터 시작해서 2위치에 있는 "l"을 반환
7. 문자열 안에서 하위 문자열 위치 찾기
문자열 안에 찾고자 하는 하위 문자열에 위치를 알고싶을 경우 indexOf()를 통해서 접근할 수 있다.
var myString="hello,jeongdev!"
if(myString.indexOf("jeongdev")>-1){
console.log("해당 문자가 존재!");
}기본적으로 indexOf()는 괄호 안에 있는 문자가 존재할 경우 해당 문자열에 위치를 반환해줍니다.
jeongdev라는 문자가 6번째 위치에 존재하기 때문에 숫자 6을 반환합니다. 이러한 경우 if문을 통해서 해당 문자열이 존재하는지 여부를 확인해 볼 수 있습니다!
0부터 문자열의 길이안에서 값이 나오기 때문에 -1보다 크다면 값이 존재함으로 콘솔에 해당 문자가 존재한다고 뜨는것을 확인해 볼 수 있습니다.
8. 문자열안에 다른 문자열 포함 여부 확인
해당 문자열안에 다른 문자열이 포함되어 있는지 includes()통해 결과를 true 또는 false로 반환하여 볼 수 있다.
const myString="hello,jeongdev!"
const name="jeongdev"
console.log(myString.includes(name)); //존재함으로 true를 반환
9. 문자열 자르기
문자열 안에 원하는 문자열만 자르고 싶을때 slice() 메소드를 사용하여 가져올 수 있다.
var myString="hello,jeongdev!"
console.log(myString.slice(6)); //6번째 위치부터 끝까지 자른다
>>"jeongdev!"출력기본 문법
| str.slice(beginIndex[, endIndex]) |
beginIndex: 필수 사항 / 시작할 위치
endIndex: 선택 사항 / 종료할 위치
만일 slice(2,6)까지로 진행한다면 2번 위치부터 6번 위치까지의 문자열을 반환합니다.
10. 대소문자 변경
문자열 메소드로 toLowerCase() (:소문자) 와 toUpperCase() (:대문자)로 각각 대문자나 소문자로 바꿔주는 역할을 한다.
var myString="Hello,Jeongdev!"
console.log(myString.toLowerCase()); //hello,jeogndev! 로 변환
console.log(myString.toUpperCase()); //HELLO,JEONGDEV! 로 변환
11. 현재 문자열기준 앞에서 채워주는 새로운 문자열
사용자가 지정한 문자열에 길이를 만족하기 위해 또다른 문자열을 앞에서 추가해주는 padStart()메소드이다.
채워넣기는 대상 문자열의 앞(왼쪽)부터 기준이 되어 적용된다.
const str1="3";
console.log(str1.padStart(3,'0'); //문자열을 3길이만큼 채워달라, 앞에 2개는 0으로 채움
>> "003"
//전화번호부 응용버전
const tel="01012345678";
const tel2=tel.slice(-4); //뒤에서 4개를 짜르겠다.
const maskedTel=tel2.padStart(tel.length,'*'); //tel길이만큼 채워달라, 앞에는 *로 채움
console.log(maskedTel);
>>*******5678
12. 현재 문자열기준 뒤에서 채워주는 새로운 문자열
사용자가 지정한 문자열에 길이를 만족하기 위해서 또다른 문자열을 뒤에서 추가해주는 padEnd()메소드이다.
채워넣기는 대상 문자열의 끝(오른쪽)부터 기준이 되어 적용된다.
var myString="Hello,Jeongdev!"
console.log(myString.padEnd(20,'~')); //문자열 길이 20으로 맞추며,길이가 남을경우 '~'로 채워달라
>> "Hello,Jeongdev!~~~~~"
13. 문자열을 반복
문자열을 주어진 횟수만큼 반복해 붙여 새로운 문자열을 반환해 준다. repeat()사용 (0~무한대 사이의 정수 사용)
const str="hi";
console.log(str.repeat(2)); //해당 문자열을 2번 반복해 출력
>> "hihi"
14. 문자열 지정해서 자르기
지정한 구분자를 이용하여 split()메소드를 통해 여러개의 문자열로 나눈다.
var myString="hello,jeongdev!" //문자열
var splitString=myString.split(","); //위 문자열을 (,)콤마 기준으로 잘라서 배열에 저장
console.log(splitString[0]); //0번째에 "hello"출력
console.log(splitString[1]); //1번째에 "jeongdev!"출력
15. 문자열 치환(교체)
문자열안에 특정 문자를 다른 문자로 치환하고 싶을때 replace()메소드를 이용하여 새로운 문자열을 반환한다.
var myString="hello! javascript" //문자열
var replaceString=myString.replace("javascript","jeongdev"); //"javascript"라는 문자를 "jeongdev"로 바꿈
console.log(replaceString); // 출력 "hello! jeongdev"
16. 문자열 공백 제거
문자열 양 끝의 공백을 제거하기위해 trim()을 사용한다.
var myString=" hello! javascript " //문자열
console.log(myString.trim()); // 출력 "hello! jeongdev"trimEnd() :문자열 끝 공백 제거 >>trimRight()사용 가능
trimStart() : 문자열 시작 공백 제거 >>trimLeft()사용 가능
참고 링크: