Javascript - String형 타입 변수

1. 문자열형(String) 타입 변수

• 문자열은 Javascript에서 큰따옴표(”)나 작은따옴표(’)로 둘러쌓여진 값을 말하는 변수로 예를들어 큰따옴표로 표시된 “String”과 작은따옴표로 표시된 ‘String’도 문자열형 타입으로 사용된다
  • C#과 Javascript의 차이점
    • 객체지향 언어기반인 C# 문자열형 타입변수는 Javascript와 다르게 큰 차이점은 없지만 큰따옴표로 표시된 “String” 값으로만 문자열형 타입으로 사용되며 작은따옴표의 ‘String’ 값은 문자열형 타입으로 사용되지 않는다.
      • “String”(O) → C# 기준
      • ‘String’ (X) → C# 기준
• 첫번째 예제

  // 정상코드(1번째 문단)
  let str1 = "abc";
  let str2 = "def";
  console.log(str1, str2); // abc, def
  
  // 에러코드(2번째 문단)
  let strA = "ats';
  let strB = 'atc";
  console.log(strA,strB); // token Error

  • 첫번째 문단코드를 제외한 2번째 문단코드에 에러가 발생한 이유는 무엇인가? 그 이유는 문자열 변수 서로가 일치하지 않아서 token 에러가 발생했기 때문이다.
    • 따라서, 문자열형 변수 사용시 큰따옴표(“”)방식을 사용하면 큰따옴표로 끝내야 하고 작은따옴표(’’)방식을 사용하면 작은따옴표로 끝내야 하는 기술규칙에 따라야 한다.
• 두번째 예제

  // 큰 따옴표가 포함되어 있으면 작은 따옴표를 문자열안에 작성
  let str = "I'm Fine Thank you!";
  console.log(str); // I'm Fine Thank you!
  
  // 작은 따옴표가 포함되어 있으면 큰 따옴표를 문자열안에 작성
  let str2 = 'I"m Fine Thank you!';
  console.log(str2); // I"m Fine Thank you!

  • 해당 코드는 문자열에 큰 따옴표로 시작해서 큰 따옴표로 끝나고, 작은 따옴표로 시작해서 작은 따옴표로 끝나는것이 원칙이지만, 해당 문자열 안에 큰 따옴표가 포함되어 있으면 작은 따옴표를 문자열안에 작성해야하고 작은 따옴표가 포함될시에는 큰 따옴표를 문자열안에 작성해야 에러가 발생하지 않는다.
• 세번째 예제

  // 에러코드
  let str3 = "I'm Fine Thank you"and you?";
  console.log(str3); // SyntaxError

  • 해당코드에 작성된 문자열 밖에 and you?” 라는 문자열이 작성된걸 확인할 수 있는데 이 상태에서 실행시 콘솔창에 에러가 발생하게 된다. → (그 이유는 문자열 작성시에는 큰따옴표나 작은따옴표 안에서 작성해야 하는데 범위를 벗어나서 작성했기 때문에 에러가 발생하는 것이다)
• 네번째 예제

  // 이스케이프(역슬래시)코드 (\"abc\")
  let str4 = "Hello Dev World!\"Seong Ho!\"";
  console.log(str4); // Hello Dev World!"Seong Ho!"

  • 세번째 예제와 같은 에러를 해결해줄 수 있는 방법이 있다 그 방법은 이스케이프(” \ ”) 문자를 사용하면 해결된다 → (해당 문자열안에 역슬래시를 사용하게 되면 문자열 범위를 벗어나게 되더라도 하나의 문자열안에서 사용이 가능하다)