본문 바로가기
javascript/javascript 내장객체

[javascript]String 객체

by 남민섭 2022. 12. 11.
728x90
반응형

1. .length  -- 자주사용

문자열의 길이를 반환하는 함수

let str = "green";
let z = str.length;

console.log(z);

5 //g:0번째  n:4번째  0 ~ 4니깐 총 길이는 5

  
2. .indexOf() 

특정 문자열 안에 해당문자가 존재하는지 문자 맨앞에서부터 확인 존재하면 시작하는 index를 반환하고 해당 문자 없으면 -1을 반환

let str1 = "안녕하세요 오늘은 금요알입니다. 금요일 입니다"

console.log(str1.indexOf("금요일"))


18 //해당 문자는 18번째에 있어서 18출력

 

3. .lastIndexOf()

특정 문자열 안에 해당문자가 존재하는지 문자 맨뒤에서부터 확인 존재하면 시작하는 index를 반환하고 해당 문자 없으면 -1을 반환

 

let str1 = "안녕하세요 오늘은 금요알입니다. 금요일 입니다"

console.log(str1.lastIndexOf("금요일"))


18 //해당 문자는 18번째에 있어서 18출력


4. .slice(start, end) 

문자열에서 해당부분을 반환

인덱스 순서: "Banana" ↓

                                  "0,1,2,3,4,5"

                                       "-5,-4,-3,-2,-1 "

 let str = "Apple, Banana, Kiwi"; 문자열

let res = str.slice(7, 13) // 마지막은 포함안함 12까지 (빈칸 포함)

console.log(res)
//Banana출력

let res1 = str.slice(7) // 7번째부터 끝까지

console.log(res1)
//Banana, Kiwi 출력

let res2 = str.slice(-1) // 맨 마지막 문자

console.log(res2)
//i 출력

let res3 = str.slice(-12) // -12번째부터 -1까지 (음수일때는 반대로. 작은수에서 큰수로 이동)

console.log(res3)
//Banana, Kiwi 출력


4. substring(start, end) 

slice() 메소드와 동일한 기능임 단 매개변수(파라미터)로 음수를 허용하지 않음(예시는 slice()와 동일 -1, -12는 는 불가능!!!)

 

5. substr(start, num) 

slice()메소드와 비슷하나 파라미터로 받는게 다르다 substr() 함수는 시작 위치와 잘라낼 갯수를 파라미터로 받아서 해당부분을 반환

 

 let str = "Apple, Banana, Kiwi"; 문자열

let res = str.substr(7, 6) // 7번째부터 시작하고 7번부터 6자리까지만 출력하겠다

console.log(res)
//Banana 출력

let res1 = str.substr(7) // 7번째부터 끝까지

console.log(res1)
//Banana, Kiwi 출력

let res2 = str.substr(-1) // 맨 마지막 문자

console.log(res2)
//i 출력

let res3 = str.substr(-12, 7) // -12번째부터 시작하고 -12번부터 7자리까지만 출력하겠다

console.log(res3)
//Banana,출력



6. .replace() 

 

특정문자열을 지정한 문자열 변경
바꾸려는 문자열이 여러개 있을 경우 처음 발견된 문자열만 변경됨   

let str = "please visit Seoul and Seoul!";

let n1 = str.replace(Seoul, "Jeju");
//문자열 하나 이상 있더라도 처음 발견한 문자열만 바뀜

console.log(n1);
//"please visit Jeju and Seoul!";


let n1 = str.replace(SEOUL, "Jeju");
//대소문자 구분해야함. 변경안됨

console.log(n1);
//"please visit Seoul and Seoul!"; 


let n2 = str.replace(/SEOUL/i, "Jeju");
//i는 대소문자 구분하지 않아도 변경 가능

console.log(n3)
//"please visit Jeju and Jeju!"


let n2 = str.replace(/Seoul/g, "Jeju");   
//g 글로벌을 적어주면 해당 문자를 다찾아서 바꿔줌
  
console.log(n2)
//"please visit Jeju and Jeju!"



7. toUpperCase()/ toLowerCase()

대소문자로 변경/소문자로 변경

let text1 = "Hello World";
let text2 = text1.toUpperCase();

console.log(text2);
//HELLO WORLD! 대문자로 바꿔줌

let text1 = "Hello World!";
let text2 = text1.toLowerCase();

console.log(text2);
//hello world!  소문자로 바꿔줌

 

8. concat()

2개 이상의 문자열을 하나의 문자열로 합치는 함수입니다  **문자열에서 자주 사용안함  배열에서 자주 사용

 

let text1 = "hello"
let text2 = "word"
let text3 = text1.concat("", text2)

console.log(text3)
//helloword



9. trim() 

문자열의 앞, 뒤 공백을 제거하는 함수

let str = "                    hello world            "


console.log(str.trim());

"hello world"   
// 사이 공백은 제거 안됨 앞뒤만 가능




10. padStart(),  padEnd() 

문자열 앞/뒤로 지정된 길이 만큼 추가하는 함수

 

 

let str2 = "5"

str2 = str2.padStart(4,0)

console.log(str2)
//0005

str2 = str2.padend(10,1)

console.log(str2)
//'0005111111111'



11. split()

문자열을 배열로 사용함
특정 구분자를 기준으로 문자열을 분리해서 배열로 반환한다!!!!!!!!

 

let birth = "1997-06-12";

let arr = birth.split("-")  
//" - (기준이 되서 나눠줌)"

console.log(arr);
//['1997', '06', '12']



12. eval()  

문자열로 된 숫자형 문자열 에서 숫자형으로 변형됨 

 

let my_string = "3 + 4"

let answer = eval(my_string);
//문자형에서 숫자형으로 바꿔줌

console.log(answer)
//3 + 4

7

 

13. repeat()

주어진 문자열을 옵션의 count만큼 반복하여 붙인 다음 새로운 문자열로 반환하는 함수

 

let str1 = "string"

let newStr1 = str1.repeat(3);
console.log(newStr1)

// stringstringstring


let str2 = ['A', 'B', 'C', 'D'] 

for(let i = 0; i < str2.length; i++) {
	console.log(str2[i].repeat(i+1));
}

/////////
'A'
'BB'
'CCC'
'DDDD'
728x90
반응형

'javascript > javascript 내장객체' 카테고리의 다른 글

[javascript]Set 객체  (0) 2022.12.15
[javascript]Data 객체  (0) 2022.12.14
[javascript]Array 객체  (0) 2022.12.14
[javascript]Number 객체  (0) 2022.12.13
[javascript]Object 객체  (0) 2022.12.06

댓글