JavaScript 공통 문자열 메소드

이 기사에서는 JavaScript charAt, concat, includes, endsWith, indexOf, lastIndexOf, replace, slice, split, startsWith, substring, toLowercase, toUppercase, trim, trimStart 및 trimEnd의 문자열 메소드에 대해 논의할 것입니다.
  • charAt(): 입력으로 주어진 인덱스에 있는 텍스트를 반환합니다.

  • const text = "hello world"
    console.log(`text at the index 4 is ${text.charAt(4)}`);
    


  • concat(): 주어진 모든 문자열을 결합하여 새로운 문자열을 반환합니다.

  • const vowels = "aeiou"
    const consonents = "bcdfghjklmnpqrstvwxyz";
    const word0 = "Hello world.
    const word1 = " Hi world.";
    const word2 = " Bye world.";
    const alphabets = vowels.concat(consonents);
    const sentence = word0.concat(word1, word2);
    console.log(alphabets);
    console.log(sentence);
    


  • includes(): 문자열에서 요소를 찾으면 입력으로 주어진 요소를 찾으려고 시도하며 참이 아니면 거짓을 반환합니다.

  • const vowels = "aeiou
    
    console.log(vowels.includes("u"));// true
    
    console.log(vowels.includes("z"));// false
    
    const consonents = "bcdfghjklmnpqrstvwxyz"
    
    console.log(consonents.includes("h"))// true
    
    console.log(consonents.includes("a"))// false"
    


  • endsWith(): 문자열의 마지막 문자를 확인합니다. 일치하면 false가 아니면 true를 반환합니다. 찾거나 일치시킬 마지막 문자 또는 마지막 단어를 지정할 수 있습니다.

  • const text = "hello world"
    
    console.log(text.endsWith("d")); // true
    
    console.log(text.endsWith("world")); // true
    
    console.log(text.endsWith("l"));// false;
    


  • indexOf(): 입력이 일치하지 않으면 주어진 입력의 인덱스 번호를 반환하고 -1을 반환합니다. 두 개의 매개변수를 사용합니다. 첫 번째는 요소이고 두 번째는 선택적인 시작 색인 번호입니다.

  • const alphabets = "abcdefghijklmnpqrstuvwxyza"
    
    console.log(alphabets.indexOf("i")); // output: 8
    
    console.log(alphabets.indexOf("a", 1)); // output: 25
    
    console.log(alphabets.indexOf("o")); // output: -1
    


  • lastIndexOf(): 주어진 입력에 대한 문자열을 뒤에서부터 찾는다. 일치하는 요소의 인덱스 번호를 반환합니다. 일치하는 요소가 없으면 -1을 반환합니다.

  • const alphabets = "abcdefghijklmnpqrstuvwxyza"
    
    console.log(alphabets.lastIndexOf("i")); // output: 8
    
    console.log(alphabets.lastIndexOf("a")); // output: 25
    
    console.log(alphabets.lastIndexOf("o")); // output: -1;
    


  • replace(): 문자열에서 주어진 입력을 대체하고 새 문자열을 반환합니다. 첫 번째는 대체할 단어이고 두 번째 매개변수는 두 번째 매개변수가 제공되지 않으면 대체된 위치에 정의되지 않은 값을 반환합니다. 정규식을 첫 번째 입력으로 사용할 수 있습니다.

  • const text = "The quick brown Bear jumps over the lazy dog."
    
    const regex = /Bear/;
    
    console.log(text.replace("Bear", "goat"));
    
    console.log(text.replace(regex, "lion"));;
    


  • 슬라이스(): 문자열에서 텍스트 조각을 반환합니다. 두 개의 매개 변수를 사용합니다. 하나는 시작 인덱스이고 두 번째는 종료 인덱스입니다. 첫 번째 색인만 제공하면 해당 색인 다음에 문자열의 모든 요소를 ​​복사하고 새 문자열을 반환합니다. 두 개의 매개변수를 지정하면 시작 인덱스에서 끝 인덱스로 복사하고 새 문자열을 반환합니다.

  • const text = "The quick brown fox jumps over the lazy dog."
    
    console.log(text.slice(10)); // output: brown fox jumps over the lazy dog.
    
    console.log(text.slice(10, 20)); // output: brown fox
    
    // if you use negative index then it will count from the end of string
    
    console.log(text.slice(-9, -1)); // output: lazy dog
    


  • split(): 입력으로 주어진 패턴을 따라 문자열을 나눕니다. 그런 다음 분할된 부분을 배열에 넣고 배열을 반환합니다.

  • const text = "The quick brown fox jumps over the lazy dog."
    
    const words = "ab, eb, ib, ob, ub";
    
    console.log(text.split(" "));
    console.log(words.split("b"));
    


  • startsWith(): 문자열이 이 메서드에 대한 입력으로 주어진 단어나 문자로 시작하는지 확인합니다. 단어가 일치하면 true가 아니면 false를 반환합니다.

  • const text = "The quick brown fox jumps over the lazy dog."
    
    console.log(text.startsWith("T")); // output: true
    
    console.log(text.startsWith("The")); // output: true
    
    console.log(text.startsWith("A")); // output: false
    
    console.log(text.startsWith("quick")); // output: false;
    


  • substring(): 문자열의 일부를 반환합니다. 두 개의 매개 변수를 사용합니다. 첫 번째는 시작 인덱스이고 두 번째는 종료 인덱스입니다. 두 번째 매개변수를 지정하지 않으면 시작 인덱스 이후의 모든 항목을 새 문자열로 반환합니다.

  • const text = "The quick brown fox jumps over the lazy dog."
    
    console.log(text.substring(10)); // output: brown fox jumps over the lazy dog.
    
    console.log(text.substring(4, 15)); // output: quick brown
    
    // if you give greater value on the first parameter then it will automatically swap the parameters
    
    console.log(text.substring(15, 4)); // output: quick brown;
    


  • toLowerCase(): 호출 문자열의 모든 단어를 소문자로 만듭니다. 그런 다음 문자열로 반환합니다.

  • const text = "The Quick Brown Fox Jumps Over The Lazy Dog."
    
    console.log(text.toLowerCase());
    


  • toUpperCase(): 호출 문자열의 모든 단어를 대문자로 만듭니다. 그런 다음 문자열로 반환합니다.

  • const text = "The quick brown fox jumps over the lazy dog."
    
    console.log(text.toUpperCase());
    


  • trim(): 호출 문자열의 시작과 끝에서 모든 공백을 제거합니다. 그리고 새 문자열을 반환합니다.

  • const text = "      Hello world     "
    
    console.log(text.trim()); // output: Hello world;
    


  • trimStart(): 호출 문자열의 시작 부분에서 공백을 제거합니다. 그리고 새 문자열을 반환합니다.

  • const text = "      Hello world     "
    console.log(text.trimStart());;
    


  • trimEnd(): 호출 문자열의 끝에서 공백을 제거합니다. 그리고 새 문자열을 반환합니다.

  • const text = "      Hello world     "
    console.log(text.trimEnd());
    

    좋은 웹페이지 즐겨찾기