JavaScript의 문자열 메서드에 대한 초보자 가이드
9037 단어 codenewbiejavascriptbeginners
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.에서 찾을 수 있습니다.
읽어 주셔서 감사합니다!
Reference
이 문제에 관하여(JavaScript의 문자열 메서드에 대한 초보자 가이드), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/meganmoulos/beginners-guide-to-string-methods-in-javascript-4am4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)