[javascript] JavaScript 내장 메소드 - length, toUpperCase, trim, indexOf, slice, replace, replacAll, split

 문자열에서 사용 가능한 속성/메소드

- length
- toUpperCase, trim, indexOf, slice, replace, replaceAll, split

 

 

length : 데이터 길이 확인(문자열, 배열 길이)

console.log(str1[5]); // b 
console.log(str1[5]+str1[0]+str1[8]);// bsy

console.log('str1의 문자열 길이', str1.length) // str1의 문자열 길이 14
console.log('str2의 문자열 길이', str2.length) // str2의 문자열 길이 20

 

 

 

toLowerCase() : 문자열 전부다 소문자로 변환

let msg = 'Happy Birthday~';
let userId = "    user123    "
console.log(msg.toLowerCase()); // happy birthday~

 

 

 

toUpperCase() : 문자열 전부다 대문자로 변환

let msg = 'Happy Birthday~';
let userId = "    user123    "
console.log(msg.toUpperCase()); // HAPPY BIRTHDAY~

 

 

 

trim : 문자열 공백을 제거할 때 사용하는 함수

let msg = 'Happy Birthday~';
let userId = "    user123    "
console.log(str2.trim().length); // 14
console.log(userId.trim()); // user123

 

 

 

indexOf : 특정 문자의 위치를 찾아줌

let mango = 'applemango';
console.log(mango.indexOf('apple')); // 0
console.log(mango.indexOf('mango')); // 5
console.log(mango.indexOf('e')); // 4

// 문자열에 포함되지 않는 문자열이 매개변수로 들어가면
// -1 반환
console.log(mango.indexOf('x')); //-1

 

 

 

slice() : 원본 배열에서 삭제, 교체, 추가하는 메소드

console.log(mango.slice(5)); //mango 
// => 5번째 문자 m부터 시작한 끝까지 추출

console.log(mango.slice(3,6)); // lem / 포함관계,불포함관계
// => 3번째 문자부터 6번째 문자까지만 추출 
console.log(mango.slice(-1)); // o
console.log(mango.slice(-4)); // ango
console.log(mango) // applemango

 

 

 

replace() : 특정 문자를 변경함

let msg2 = "Wow It is so amazing!!!"
console.log(msg2.replace("Wow", "Hey")) // Hey It is to amazing!!!

 

 

 

replaceAll() : 특정 단어가 포함된 모두를 변경할 단어로 변경함

let msg2 = "Wow It is so amazing!!!"
console.log(msg2.replaceAll('o','O')) // WOw It is sO amazing!!!

 

 

replaceAll()응용

let date = '2024.1.10';
console.log(date.replaceAll('.','-')) // 2024-1-10
date=date.replaceAll('.','-') // 값 대입
console.log(date) // 2024-1-10

 

 

 

repeat() : 메소드에 주어진 수만큼 반복해서 붙인 새로운 문자열을 반환

console.log("abc".repeat(10)); //abcabcabcabcabcabcabcabcabcabc

 

 

 

split() : 문자열을 일정한 구분자로 잘라서 배열로 변환

let date = '2024-1-10';

console.log(date.split('-')); // (3) ['2024', '1', '10']
console.log(date.split('')) // (9) ['2', '0', '2', '4', '-', '1', '-', '1', '0']