Animated Turtle

Javascript

문자열 메서드 (2)

훙구 2023. 4. 22. 15:30

...

728x90
반응형

문자열 메서드 알아보기

문자열 메서드에 대해서 몇 가지 더 알아보도록 하겠습니다.

at()

  • at() 메서드는 문자열에서 지정된 인덱스에 해당하는 요소를 반환합니다.
  • at() 메서드는 배열과 문자열에서 모두 사용 가능합니다.
"문자열".at(숫자)
console.log("javascript reference".at("0"));	//j
console.log("javascript reference".at("1"));	//a
console.log("javascript reference".at("2"));	//v
console.log("javascript reference".at("11"));	//r
console.log("javascript reference".at("12"));	//e
console.log("javascript reference".at("20"));	//undefined
console.log("javascript reference".at("-1"));	//c
console.log("javascript reference".at("-2"));	//e

charAt()

  • charAt() 메서드는 지정한 인덱스 값에 해당하는 단일 문자 값을 반환합니다.
"문자열".charAt(숫자)
console.log("javascript reference".charAt());	//j
console.log("javascript reference".charAt(1));	//a
console.log("javascript reference".charAt(2));	//v
console.log("javascript reference".charAt(3));	//a​

charCodeAt()

  • charCodeAt() 메서드는 지정한 인덱스값에 해당하는 유니코드 값을 반환합니다.
  • 유니코드는 UTF-16 코드를 나타내는 0부터 65535 사이의 정수입니다.
"문자열".charCodeAt(숫자)
console.log("javascript reference".charCodeAt("0"));	//106
console.log("javascript reference".charCodeAt("1"));	//97
console.log("javascript reference".charCodeAt("2"));	//118
console.log("javascript reference".charCodeAt("3"));	//97

codePointAt()

  • codePointAt() 메서드는 지정한 인덱스 값에 해당하는 유니코드 코드포인트를 반환합니다.
"문자열".codePointAt(숫자)
console.log("javascript reference".codePointAt("0"));	//106
console.log("javascript reference".codePointAt("1"));	//97
console.log("javascript reference".codePointAt("2"));	//118
console.log("javascript reference".codePointAt("3"));	//97

concat()

  • concat() 메서드는 매개변수로 전달된 문자열을 받아, 결합된 새로운 문자열을 반환합니다.
  • concat() 메서드는 기존의 문자열을 변경하지 않습니다.
  • concat() 메서드는 배열과 문자열에서 모두 사용 가능합니다.
"문자열".concat(숫자)
console.log("javascript".concat(" reference"));				//javascript reference
console.log("javascript".concat(", ", "hello"));			//javascript, hello
console.log(["java", "script"].concat(["referenece"]));			//['java', 'script', 'referenece']
console.log(["java","script"].concat(["refer", "ence"]));		//['java', 'script', 'refer', 'ence']

localeCompare()

  • localeCompare() 메서드는 두 개의 문자열을 지정된 로케일에 따라 비교합니다.
  • localeCompare() 메서드는 메서드는 대소문자를 구분합니다.
"문자열".localeCompare(문자열)
console.log("javascript reference".localeCompare("h"));		//1
console.log("javascript reference".localeCompare("i"));		//1
console.log("javascript reference".localeCompare("k"));		//-1
console.log("javascript reference".localeCompare("l"));		//-1
console.log("javascript reference".localeCompare("javascript reference"));	//0

normalize()

  • normalize() 메서드는 문자열을 정규화하는 데 사용되는 메서드입니다.
  • normalize() 메서드는 문자열의 유니코드 표준형식 중 하나로 문자열을 정규화합니다.
"문자열".normalize(유니코드 표준형식)
console.log("Café".normalize());			//Café
console.log("Café".normalize("NFD"));		//Café
console.log("Café".normalize("NFKC"));		//Café
console.log("Café".normalize("NFKD"));		//Café
console.log("Café".normalize("NFC"));		//Café

padEnd()

  • padEnd() 메서드는 주어진 길이에 맞게 뒤 문자열을 채우고, 새로운 문자열을 반환합니다.
"문자열".padEnd(길이)
"문자열".padEnd(길이, 문자열)
console.log("javascript".padEnd(10, "hi"));		//javascript
console.log("javascript".padEnd(13, " hi"));	//javascript hi
console.log("javascript".padEnd(16, " hi"));	//javascript hi hi
console.log("javascript".padEnd(15));			//javascript_____(공백)

padStart()

  • padStart() 메서드는 주어진 길이에 맞게 문자열을 채우고, 새로운 문자열을 반환합니다.
"문자열".padStart(길이)
"문자열".padStart(길이, 문자열)
console.log("javascript".padStart(10, "hi"));		//javascript
console.log("javascript".padStart(13, "hi "));		//hi javascript
console.log("javascript".padStart(16, "hi "));		//hi hi javascript
console.log("javascript".padStart(15));				//_____(공백)javascript

repeat()

  • repeat() 메서드는 문자열을 복사하여, 복사한 새로운 문자열을 반환합니다.
  • repeat() 메서드는 기존 문자열을 변경하지 않습니다.
  • repeat() 메서드는 매개변수 값을 양수로 설정합니다.
"문자열".repeat(숫자)
console.log("javascript".repeat(0));	//(빈문자열)
console.log("javascript".repeat(1));	//javascript
console.log("javascript".repeat(2));	//javascriptjavascript

 

 

 

 

이상으로 문자열 메서드 몇 가지에 대해 알아보았습니다 !

728x90
반응형