[JS] String 메소드

Jinny·2022년 11월 27일
0

vanilla js

목록 보기
4/5

문자열 메서드에 대해 알아보자!

',",` 의 차이?

	작은 따옴표와 큰 따옴표의 차이는 크게 없다.
    let html = '<div class="box_title">아아</div>'; // HTML태그의 경우 작은 따옴표로 감싸는 것이 편할것!
	let desc = "It's 1 o'clock." // 영어는 큰 따옴표!
    let add = `5 더하기 5는 ${5+5}입니다!!!!!` // 문자열 내에 값을 사용할 때

백틱의 유용한 기능?

	let desc = `오늘 날씨가
너무 구리네요 
어떡하죠?`;
	let desc = '오늘은 화창한 \n날씨에요!'

백틱은 줄바꿈이 되어도 상관없다!!

length

문자열의 길이

	let content = '안녕하세요.';
	content.length; // 6

문자열의 특정 위치에 접근

	content[0]; // 안
	content[3]; // 세

toUpperCase() / toLowerCase()

모든 문자를 대문자 또는 소문자로 변환

	let desc = "Hello, Nice to Meet you!";
	desc.toUpperCase();
	"HELLO, NICE TO MEET YOU!";

	desc.toLowerCase();
	"hello, nice to meet you";

indexOf(text)

  • 찾는 문자가 없다면 -1을 반환
  • ㅜ여러개의 문자가 있더라도 처음 발견한 자리만 반환
	let desc = "Hello, Nice to Meet you!";
	desc.indexOf('to'); //12

includes(text)

  • 찾는 문자가 있다면 true, 없다면 false
	let desc = "콜라가 제일 맛있따!";
	desc.includes("콜라");	// true
	dsec.includes("사이다");	// false

slice(n, m)

  • n : 시작점
  • m : 없으면 문자열 끝까지, 양수면 그 숫자까지(포함하지 않음)
    음수라면 끝에서부터 센다.
	let desc = "abcdefg";

	desc.slice(2);		// "cdefg"
	desc.slice(0, 5);	// "abcde"
	desc.slice(2, -2);	// "cde"

substring(n ,m)

  • n과 m 사이의 문자열 반환
  • n과 m을 바꿔도 동작함
  • 음수는 받지 않는다.(0으로 인식)
	let desc = "abcdefg";
	
	desc.substring(2, 5); // "cde"
	desc.substring(5, 2); // "cde"

substr(n, m)

  • n부터 시작해서 m개를 가져온다.
	let desc = "abcdefg";
	desc.substr(2, 4); // "cdef"
	desc.substr(-4, 2); // "de"

trim()

앞 뒤 공백 제거

	let desc = " hi, nice!!      ";
	desc.trim(); // "hi, nice"

repeat(n)

n번 반복한다.

    let hello = "hello!";
    hello.repeat(3); // hello!hello!hello!

문자열 비교

문자열도 비교가 가능하다!

	"a" < "c" // true
	"a".codePointAt(0); // 97
	String.fromCodePoint(97); // "a"
profile
프론트엔드 공부중입니다!

0개의 댓글