자바스크립트 문자열 메서드

오늘은 가장 중요한 자바스크립트 문자열 메소드에 대해 설명과 예제를 통해 알려드리겠습니다.

charAt(): 이 메서드는 문자열 문자를 추출하는 데 사용됩니다. 이 메서드는 문자열의 특정 인덱스에 있는 문자를 반환합니다.

let text = "FEROJ ALAM";
let char = text.charAt(0); //output F

concat(): 이 메서드는 두 개 이상의 문자열을 함께 결합하는 데 사용됩니다.

let text1 = "Feroj";
let text2 = "Alam";
let text3 = text1.concat(" ", text2); //output Hello World

더하기 연산자 대신 concat()을 사용할 수 있습니다.

text = "Feroj" + " " + "Alam";  //output Feroj Alam
text = "Hello".concat(" ", "World!");  //output Hello World

이 두 줄은 동일합니다.

Include(): 이 메서드는 검색하려는 문자열이 해당 문자열에 존재하는지 확인하는 데 사용됩니다. 문자열이 있으면 true를 반환하고 존재하지 않으면 false를 반환합니다.

let text = "Feroj Alam, web developer.";
let result = text.includes("web"); // true

include() 메서드는 대소문자를 구분합니다.

endWith(): 이 메서드는 문자열이 검색하려는 문자열로 끝나는지 확인하는 데 사용됩니다. 존재하면 true를 반환하고 그렇지 않으면 false를 반환합니다. 이 메서드는 대소문자를 구분합니다.

let text = "Programming Hero";
let result = text.endsWith("Hero");//output true
let text = "Programming Hero";
let result = text.endsWith("hero");//output false

indexOf(): 이 메서드는 문자열의 위치를 ​​찾는 데 사용됩니다. 이 메서드는 우리가 찾고 있는 첫 번째 발견 문자열을 반환합니다. 찾지 못하면 -1을 반환합니다. 이 메서드는 대소문자도 구분합니다.

let text = "Hello world, welcome to the universe.";
let result = text.indexOf("welcome"); // output 13
let text = "Hello world, welcome to the universe.";
let result = text.indexOf("Welcome"); // output -1

lastIndexOf(): 이 메서드는 마지막에 위치한 문자열 위치를 찾는 데 사용됩니다. 마지막에서 문자열을 찾기 시작합니다. 0부터 시작하는 인덱스를 제공합니다. 값을 찾지 못하면 -1을 반환합니다. 이 메서드는 대소문자를 구분합니다.

let text = "Hello planet earth, you are a great planet.";
let result = text.lastIndexOf("planet"); //output 36
let text = "Hello planet earth, you are a great planet.";
let result = text.lastIndexOf("Planet"); //output -1

replace(): 이 메서드는 주어진 값 또는 정규식에 대한 문자열을 대체하는 데 사용됩니다. 교체된 값으로 새 문자열을 반환합니다. 원래 문자열을 변경하지 않습니다.

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "Google"); //output Visit Google
let text = "Mr Blue has a blue house and a blue car";
let result = text.replace(/blue/g, "red"); //output Mr Blue has a red house and a red car

slice(): 이 메서드는 특정 문자열을 추출하는 데 사용됩니다. 추출된 문자열을 새 문자열로 반환하지만 원래 문자열은 변경하지 않습니다. (0, 5)처럼 자르거나 자르려면 시작 및 끝 인덱스를 지정해야 하며 음수 값을 지정하면 문자열의 마지막에서 추출됩니다.

let text = "Hello world!";
let result = text.slice(0, 5);//output Hello
let result = text.slice(3);//output lo world!

split(): 이 메서드는 단어를 분할하거나 분리하여 배열을 만드는 데 사용됩니다. 새 배열을 반환합니다. 원래 문자열을 변경하지 않습니다.

let text = "How are you doing today?";
const myArray = text.split(" "); //output How,are,you,doing,today?
const myArray = text.split(""); //output H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

("") 이것을 구분 기호로 사용하면 문자열이 단어로 분할됩니다.

startsWith(): 이 메서드는 문자열이 검색하려는 문자열로 시작하는지 확인하는 데 사용됩니다. 찾으면 true를 반환하고 그렇지 않으면 false를 반환합니다. 이 메서드는 대소문자를 구분합니다.

let text = "Hello world, welcome to the universe.";
text.startsWith("Hello"); //output true

substr(): 문자열의 일부를 추출하거나 잘라내는 데 사용됩니다. 추출의 시작과 끝 위치를 수신합니다. 원래 문자열을 변경하지 않습니다.

let text = "Hello world!";
let result = text.substr(1, 4); //output ello
let result = text.substr(2); //output llo world!

toLowerCase(): 이 메서드는 문자열의 소문자를 변환하는 데 사용됩니다. 원래 문자열을 변경하지 않습니다.

let text = "Hello World!";
let result = text.toLowerCase(); //output hello world!

toUpperCase(): 문자열의 문자를 대문자로 변환하는 데 사용됩니다. 또한 원래 문자열을 변경하지 않습니다.

let text = "Hello World!";
let result = text.toUpperCase(); //HELLO WORLD!

trim(): 이 메서드는 문자열의 양쪽에서 여분의 공백을 제거하는 데 사용됩니다. 원래 문자열을 변경하지 않습니다.

let text = "    Hello World!        ";
let result = text.trim();//output Hello World!

trimStart(): 이 메서드는 문자열의 시작 부분에서 공백을 제거하는 데 사용됩니다. 공백이 없으면 오류를 던지지 않고 새 문자열을 반환합니다.

let text = "        Hello World!";
let result = text.trimStart();//output Hello World!

trimEnd(): 문자열 끝에서 공백을 제거하는 데 사용됩니다. 공백이 없으면 오류를 던지지 않고 새 문자열을 반환합니다.

let text = "Hello World!          ";
let result = text.trimEnd();//output Hello World!