JavaScript의 내장 문자열 함수

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.


문자열을 만들면 영원히 바뀌지 않습니다.replaceslice 등 함수는 항상 새 문자열을 되돌려 주지만 원시 문자열은 변하지 않습니다.

JSString 함수의 종합 목록
프레젠테이션의 목적에서, 나는 우리가 문자열 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
문자열에 일치하는 항목이 여러 개 있을 때 indexOflastIndexOf 사이의 차이가 뚜렷해진다.
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

    좋은 웹페이지 즐겨찾기