[JavaScript] 문자열 내장함수

홍싸리·2023년 6월 12일
0

javascript

목록 보기
10/18
  1. 문자열.length: 문자열의 길이를 반환
  2. 문자열.indexOf(): 찾고자 하는 문자열의 위치 반환
  3. 문자열.slice(): 문자열에서 특정 부분을 추출해서 새로운 문자열로 반환
  4. 문자열.substr(): 문자열에서 특정 부분을 잘라냄
  5. 문자열.replace(): 문자열에서 특정 문자값을 바꿔치기
  6. 문자열.split(): 문자열을 배열로 변환
const txt = "Hello World";

//1. .length
console.log(txt.length);		//11

//2. .indexOf()
console.log(txt.indexOf("Wo"));	//6
console.log(txt.indexOf("apple"));//-1

//3. .slice()
const txt2 = txt.slice(0, 4);
console.log(txt2);				//Hell

//4-1. .substr()
const txt3 = txt.substr(6, 3);	//6번째 글자에서부터 3글자 잘라냄
console.log(txt3);				//Wor

//4-2. .substr()
const origin = "학교종이 땡떙땡 어서모이자 선생님이 우리를 기다리신다.";
let result = '';

if(origin.length > 15) ? result = origin.substr(0, 15) + '...' : result = origin;

console.log(result);

//5. .replace()
const introduce = "우리 ABC회사는 높은 품질의 제품을 만들고 있으며 ABC라는 회사 브랜드 가치를 높이기 위해서 노력하고 있습니다. 앞으로 우리 ABC회사 제품을 많이 애용해주세요.";

const introduce2 = introduce.replace("ABC", "BBC");
const introduce2 = introduce.replace(/ABC/g, "BBC");
console.log(introduce2);	//우리 BBC회사는 높은 품질의 제품을 만들고 있으며 BBC라는 회사 브랜드 가치를 높이기 위해서 노력하고 있습니다. 앞으로 우리 BBC회사 제품을 많이 애용해주세요.

//6. .split()
const colors = "red green blue";
const arr = colors.split('');
console.log(arr);			//['red', 'green', 'blue']
profile
그럴싸한건 다 따라해보는 프론트엔드 개발자 준비중인 6년차 퍼블리셔

0개의 댓글