JavaScript의 문자열 메서드에 대한 초보자 가이드

먼저 간략한 개요: JavaScript에서 string 객체는 하나 이상의 문자 시퀀스를 나타내는 데 사용됩니다. 문자열은 문자, 숫자 또는 기호를 얼마든지 포함할 수 있습니다.

작은따옴표, 큰따옴표 또는 템플릿 리터럴(백틱)을 사용하여 문자열을 만들 수 있습니다.
'This is a string.'
"This is also a string."

문자열은 변경할 수 없는(변경되지 않는) 기본 데이터 유형입니다. 문자열 인덱스는 0부터 시작한다는 점을 기억하는 것이 중요합니다. 즉, 첫 번째 문자는 위치 0에 있고 두 번째 문자는 1에 있는 식입니다. JavaScript는 문자열을 객체로 취급하기 때문에 문자열에도 여러 가지 내장 메서드가 있으며 이 중 일부는 이 블로그 게시물에서 다룰 것입니다. 브라우저의 콘솔에서 이러한 예제를 시도할 수 있습니다.

charAt()



특정 인덱스에 있는 문자를 반환합니다. 위에서 언급했듯이 모든 문자열에는 0부터 시작하는 인덱스가 있습니다. 예를 들어 문자열hello에서 h는 인덱스 0, e는 인덱스 1, l은 인덱스 2 등입니다. 두 가지 방법으로 각 문자에 액세스할 수 있습니다. 하나는 charAt() 메서드를 사용하는 것입니다.

'hello'.charAt(0); // gives value "h"


문자열은 배열처럼 처리될 수 있으므로 대괄호 안에 인덱스 번호를 사용하여 동일한 값에 액세스할 수 있습니다.

'hello'[0];  // also gives value "h"



연결()



여러 문자열의 텍스트를 결합하고 새 문자열을 반환합니다. 이 방법은 원래 문자열을 변경하지 않습니다.

let str1 = 'Hello, ';
let str2 = 'World.';
let result = str1.concat(str2); // returns 'Hello, World."


JavaScript에서 문자열을 쉽게 연결하는 두 번째 방법은 + 연결 연산자를 사용하는 것입니다.

'race' + 'car' // returns 'racecar'


흥미롭게도 문자열이 아닌 변수를 연결하면 JavaScript가 변수를 문자열로 유형 변환합니다. 예를 들어:

console.log('huge' + 100 + false); // logs 'huge100false'



포함()



이 메서드는 호출된 문자열에 지정된 문자열이 포함된 경우 true를 반환합니다. 대소문자를 구분합니다.

let text = 'I am the best at coding.';
let doesItInclude = text.includes('best'); // returns 'true'



indexOf()



이 메서드는 문자열에서 지정된 값이 처음 나타나는 위치를 반환합니다. 값을 전혀 찾지 못하면 -1을 반환합니다. includes()와 마찬가지로 대소문자를 구분합니다.

let text = 'I love to code!';
let result = text.indexOf('love'); // returns '2'


선택적 두 번째 인수인 시작할 위치를 추가할 수 있습니다(기본값은 0).


길이



간단히 말해서 이것은 호출된 문자열의 길이를 반환합니다.

'Amazing!'.length; // returns 8



반복하다()



이 메서드는 괄호 안에 번호가 지정된 문자열의 복사본이 있는 새 문자열을 반환합니다. 원래 문자열은 수정되지 않습니다.

'I love JavaScript!'.repeat(4); // returns 'I love JavaScript!I love JavaScript!I love JavaScript!I love JavaScript!'



일부분()



Slice는 하나 또는 두 개의 매개변수로 지정된 문자열의 일부를 추출합니다. 첫 번째는 시작 위치이고 두 번째는 슬라이스를 종료할 위치(최대, 그러나 포함하지 않음)입니다. 두 번째 인수가 제공되지 않으면 기본값은 전체 문자열 길이입니다. 이 메서드는 새 문자열을 반환합니다. 음수는 문자열의 끝에서 선택됩니다.

let sentence = 'Hello, World!';
let result = sentence.slice(7, 12); // returns 'World'

let result2 = sentence.slice(7); // returns 'World!'



나뉘다()



이 메서드는 문자열을 가져와 하위 문자열을 포함하는 배열로 분할합니다. 원래 문자열을 변경하지 않고 새 배열을 반환합니다. 이는 문장을 별도의 여러 단어로 분할하려는 경우에 특히 유용합니다.

let sentence = 'An array would be nice!';
const myArray = sentence.split(' ');

myArray; // returns ['An', 'array', 'would', 'be', 'nice!']



toLowerCase() 및 toUpperCase()



이 간단한 메서드는 원래 문자열의 문자가 소문자로 변환된 새 문자열을 반환합니다. toUpperCase()는 문자열을 가져와서 모든 문자를 대문자로 변환합니다.

let text = 'I am the greatest!';
text.toUpperCase(); // returns 'I AM THE GREATEST!'



toString()



이 방법은 JavaScript의 다른 데이터 유형을 문자열로 변환하기 때문에 다른 방법과 약간 다릅니다. 숫자, 부울 또는 객체를 문자열로 변환할 수 있습니다.

(15).toString(); // returns '15'
(false).toString(); // returns 'false'



지금까지 JavaScript에서 사용되는 일반적인 문자열 메서드에 대한 개요였습니다. 보다 포괄적인 목록은 MDN Web Docs.에서 찾을 수 있습니다.

읽어 주셔서 감사합니다!

좋은 웹페이지 즐겨찾기