JavaScript의 내장 문자열 함수
String
입니다.1문자든 10k줄이든 그것은 여전히 하나String
이다.This article is also available here
내장
String
함수를 보기 전에 모든 JS 문자열의 길이는 length
속성에 저장되어 있음을 주의하십시오.특정한 Getter 방법을 사용하지 않고 직접 접근할 수 있습니다.
const s = 'Hello, World!';
console.log(s.length);
두 번째 인용할 만한 요점은All strings in JS are immutable.
문자열을 만들면 영원히 바뀌지 않습니다.
replace
나 slice
등 함수는 항상 새 문자열을 되돌려 주지만 원시 문자열은 변하지 않습니다.JS
String
함수의 종합 목록프레젠테이션의 목적에서, 나는 우리가 문자열
s
을 상수로 하고, 그 값은 I am going to become a FULL STACK JS Dev with Coderslang
라고 가정했다.그 밖에 이 문자열에 적용하고 싶은 생각과 방법을 보여 드리겠습니다.const s = 'I am going to become a FULL STACK JS Dev with Coderslang';
어떻게 한 문자열이 다른 문자열을 포함하는지 검사합니까
문자열이 다른 문자열을 포함하는지 확인하려면
includes
함수를 사용해야 합니다.검사 결과에 따라 true
또는 false
로 반환됩니다.console.log(s.includes('FULL STACK')); // true
console.log(s.includes('cheeseburger')); // false
다른 방법은 indexOf
또는 lastIndexOf
함수를 사용하는 것이다.문자열이 다른 문자열을 포함한다면, 문자열은 모두 검색을 진행하고, 시작과 일치하는 색인을 되돌려줍니다.일치하는 항목을 찾지 못하면 원본 문자열이 검색 문자열을 포함하지 않고 결과는 -1이 된다는 것을 의미합니다.console.log(s.indexOf('AWS')); // -1
console.log(s.lastIndexOf('AWS')); // -1
문자열에 일치하는 항목이 여러 개 있을 때 indexOf
와 lastIndexOf
사이의 차이가 뚜렷해진다.console.log(s.indexOf('g')); // 5
console.log(s.lastIndexOf('g')); // 55
indexOf
처음부터 찾기lastIndexOf
끝이것은 결과의 차이를 결정한다.
어떠한 상황에서도
indexOf
함수와 lastIndexOf
함수를 사용하여 자바스크립트의 문자열이 다른 문자열을 포함하는지 확인할 수 있습니다.만약 결과가 -1
그렇지 않다면, 그것은 바로 그것이다.안 그러면 안 돼.어떻게 한 문자열이 다른 문자열로 시작되는지 확인합니까
한 문자열이 다른 문자열로 시작되는지 확인하려면
startsWith
함수가 있습니다.문자열이 다른 문자열로 시작되면 되돌아오기true
, 그렇지 않으면 되돌아오기false
.console.log(s.startsWith('I am')); // true
console.log(s.startsWith('You are')); // false
어떻게 한 문자열이 다른 문자열로 끝날지 확인합니까
한 문자열이 다른 문자열로 끝날지 확인하려면
endsWith
함수가 있습니다.그것의 작업 방식은 startsWith
와 거의 같지만, 문자열의 끝을 검사하는 것이지, 시작이 아니다.console.log(s.endsWith('Coderslang')); // true
console.log(s.endsWith('Node.js')); // false
문자열의 끝에 있는 공백을 삭제하는 방법
문자열의 시작 또는 끝에 있는 공백을 제거하려면 다음 함수를 사용합니다.
trimStart
- 문자열의 시작 공백 제거trimEnd
- 문자열 끝에 있는 공백 제거trim
- 두 작업을 동시에 수행하고 선행 및 후행 공백우리의 기본 문자열은 이 예시를 설명하기에 부족하기 때문에 다른 문자열을 만들 것입니다.
const stringWithSpaces = ' I learn JS with Coderslang every day ';
console.log(stringWithSpaces.trimStart()); //'I learn JS with Coderslang every day '
console.log(stringWithSpaces.trimEnd()); //' I learn JS with Coderslang every day'
console.log(stringWithSpaces.trim()); //'I learn JS with Coderslang every day'
문자열을 대문자 또는 소문자로 변환하는 방법
문자열의 모든 문자를 대문자로 변경하려면 함수
toUpperCase
, 소문자toLowerCase
를 사용합니다.console.log(s.toUpperCase()); // I AM GOING TO BECOME A FULL STACK JS DEV WITH CODERSLANG
console.log(s.toLowerCase()); // i am going to become a full stack js dev with coderslang
다시 한 번 강조하지만 원래 문자열은 JavaScript에서 변경될 수 없으므로 변경되지 않습니다.이 함수들은 변경이 필요한 새 문자열만 되돌려줍니다.문자열의 문자를 어떻게 다른 문자로 바꿉니까
JS에서 문자를 다른 문자로 바꾸려면
replace
함수를 사용할 수 있습니다.두 문자열을 전달합니다. 두 번째 문자열로 첫 번째 문자열을 대체합니다.console.log(s.replace(' ', '!')) // I!am going to become a FULL STACK JS Dev with Coderslang
console.log(s.replace('I am', 'You are')) // You are going to become a FULL STACK JS Dev with Coderslang
replace
가 한 번만 적용되었기 때문에 결과에 놀랄 수도 있습니다.그러나 이것이 기본적인 작업 원리다.하위 문자열의 모든 일치 항목을 변경하려면
replaceAll
함수를 사용해야 합니다.console.log(s.replaceAll(' ', '!')) // I!am!going!to!become!a!FULL!STACK!JS!Dev!with!Coderslang
자바스크립트가 실행될 때의 환경에 따라 오류가 발생할 수 있음을 주의하십시오
TypeError: s.replaceAll is not a function
이렇게 하면
replaceAll
환경에서 지원되지 않습니다. g
로고가 있는 정규 표현식을 사용할 수 있습니다.이것은 replace
을 전 세계에서 응용하도록 지도할 것이다.const regex = new RegExp(' ', 'g');
const s = 'I am going to become a FULL STACK JS Dev with Coderslang';
console.log(s.replace(regex, '!')); // I!am!going!to!become!a!FULL!STACK!JS!Dev!with!Coderslang
정규 표현식은 매우 강력한 도구이기 때문에 만약 당신이 아직 배운 적이 없다면 반드시 그것들을 배워야 한다.다음은
String
에서 가장 유용한 내장 함수JS
에 대한 회고이다.너는 또 이 문장에 다른 내용을 추가하고 싶니? 아니면 새로운 것이 필요할 수도 있니?Learn Full Stack JavaScript
Reference
이 문제에 관하여(JavaScript의 내장 문자열 함수), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/coderslang/built-in-string-functions-in-javascript-4d08텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)