[ Javascript ] 자바스크립트 문자열에 대해서 알아보기

 

 

 

자바스크립트 문자열은 텍스트 데이터를 나타내는 데이터 타입입니다. 작은따옴표('...'), 큰따옴표("..."), 백틱(...)으로 감싸서 표현할 수 있습니다.

 

1. 문자열 생성 방법

• 작은따옴표 또는 큰따옴표:
  • 작은따옴표나 큰따옴표로 묶어서 문자열을 생성합니다.
  • 두 종류의 따옴표를 혼용하면 문자열 안에 따옴표를 포함할 수 있습니다.
  • 예시:
    • 'Hello, world!'
    • "JavaScript is fun"
    • "He said, 'Hi there!'"
• 백틱 (템플릿 리터럴):
  • 백틱(`)으로 묶어서 문자열을 생성합니다.
  • 템플릿 리터럴은 여러 줄 문자열과 문자열 삽입 기능을 제공합니다.
  • ${}를 사용하여 문자열 안에 변수나 표현식을 삽입할 수 있습니다.
  • 예시:
    • `This is a template literal`
    • `My name is ${name}`
    • ```
      Multiple
      lines
      string
      ```

 

2. 문자열 예제

let greeting = "Hello";
let name = "World";
let message = greeting + ", " + name + "!"; // 문자열 연결
console.log(message); // 출력: Hello, World!

let age = 30;
let introduce = `I am ${age} years old.`; // 템플릿 리터럴
console.log(introduce); // 출력: I am 30 years old.

 

3. 이스케이프 시퀀스 (Escape Sequences)

이스케이프 시퀀스는 문자열 안에 특수 문자를 표현하기 위해 백슬래시(\)와 함께 사용되는 문자 조합입니다.

• \n: 줄바꿈 (newline)
• \r: 캐리지 리턴 (carriage return)
• \t: 탭 (tab)
• \': 작은따옴표 (single quote)
• \": 큰따옴표 (double quote)
• \\: 백슬래시 (backslash)
• \\0: null 문자
• \b: 백스페이스 문자
• \v: 수직탭문자
• \f: 다음 페이지 문자
• \uXXXX: 두 자릿수 16진수 XXXX 유니코드

이스케이프 시퀀스 예제

let text = "This is a line.\nAnd this is another line.";
console.log(text);
// 출력:
// This is a line.
// And this is another line.

let filePath = "C:\\Users\\Documents\\file.txt";
console.log(filePath); // 출력: C:\Users\Documents\file.txt

let quote = "He said, \"Hello!\"";
console.log(quote); // 출력: He said, "Hello!"

 

4. 문자열 관련 함수들

• length: 문자열의 길이를 반환합니다.
  • 예시: "Hello".length
• concat(): 문자열을 연결합니다.
  • 예시: "Hello".concat(", World!")
• slice(): 문자열의 일부를 추출합니다.
  • 예시: "Hello".slice(0, 3)
• substring(): 문자열의 일부를 추출합니다. slice()와 유사하나 음수 인수를 지원하지 않습니다.
  • 예시: "Hello".substring(0, 3)
• replace(): 문자열의 일부를 다른 문자열로 바꿉니다.
  • 예시: "Hello".replace("Hello", "Hi")
• split(): 문자열을 지정된 구분자를 기준으로 나누어 배열로 반환합니다.
  • 예시: "apple,banana,orange".split(",")
• toLowerCase(): 문자열을 소문자로 변환합니다.
  • 예시: "Hello".toLowerCase()
• toUpperCase(): 문자열을 대문자로 변환합니다.
  • 예시: "Hello".toUpperCase()
• trim(): 문자열 양쪽의 공백을 제거합니다.
  • 예시: " Hello ".trim()

이 외에도 다양한 문자열 관련 함수들이 존재하며, 필요에 따라서 MDN 문서 혹은 w3schools과 같은 웹사이트를 참고하시면 좋을것 같습니다.