-
JavaScript 03. 자바스크립트 - 데이터 타입 (문자)JavaScript/1주차-JavaScript 문법 2023. 5. 25. 10:00
JavaScript
문자 데이터 타입 (String Data type)
문자열은 문자의 나열로써, 작은 따옴표(')나 큰 따옴표(")로 감싸서 표현한다. 따옴표로 감싸지 않으면 문자로 인식되지 않는다.
let str = "Hello World!";console.log(str);console.log(typeof str);문자열의 typeof 값은 string으로 나온다.
1. 문자열 길이 확인하기 (length)
let str = "Hello World!";console.log(str.length);문자열의 길이. 띄어쓰기, 느낌표, 쉼표, 언더 바 등등 하나하나 다 카운트한다.
"Hello World!" 의 문자열의 길이(length)는
H, e, l, l, o, 띄어쓰기, W, o, r, l, d, ! → 12개이다.
(str.length)
2. 문자열 결합하기 (concatenation)
let str1 = "Hello, ";let str2 = "World!";let result = str1.concat(str2); -> str1과 str2를 합쳐라.console.log(result);str1과 str2를 합침. result값으로 str1.concat(str2)
→ "Hello, World!"
3. 문자열 자르기 (substring) / (slice)
let str3 = "Hello, World!";console.log(str3.substr(7, 5)); -> (앞에서부터 자를 갯수, 그 후 출력할갯수)let str3 = "Hello, World!";console.log(str3.slice(7, 12)); -> (출력할 시작값, 출력할 마지막값)문자열 자르기 방법은 substr 과 slice 두가지가 있다.
먼저 첫번째 (str3.substr(7, 5)) 이 뜻은 변수 str3의 값을 앞에 7개를 자르고, 그 뒤 5개만 출력하라는 뜻.
H, e, l, l, o, 띄어쓰기, W, o, r, l, d, ! → 12개 중 앞에 7개 자르고 그 뒤 5개만 출력하면
출력값 : World
두번째 (str3.slice(7, 12)) 이 뜻은 변수 str3에서 출력할 '시작 숫자 = 7', '끝 숫자 = 12' 라는 뜻.
위와 마찬가지로 답은 World 출력됨.
4. 문자열 검색 (search)
let str4 = "Hello, World!";console.log(str4.search("World")); -> World가 시작하는 위치값(str4.search("해당문자열")) -> 해당 문자열이 시작하는 위치값.
(str4.search("World"))에서 World라는 문자열은 7번째부터 시작되므로,
출력값 : 7
5. 문자열 대체 (replace)
let str5 = "Hello, World!";let result01 = str5.replace("World", "JavaScript"); -> World를 JavaScript로 대체해라.console.log(result01);str5.replace("기존 문자열", "대체할 문자열")
"Hello, World!"가
"Hello, JavaScript!"로 문자열 대체됨.
6. 문자열 분할 (split)
let str6 = "apple, banana, kiwi";let result02 = str6.split(",");console.log(result02);str6.split("분할의 기준이 되는 문자열")
str6.split(",") -> 콤마(,)를 기준으로 분할해라.
['apple', 'banana', 'kiwi']
'JavaScript > 1주차-JavaScript 문법' 카테고리의 다른 글
JavaScript 05. 자바스크립트 - 형 변환 (0) 2023.05.26 JavaScript 04. 자바스크립트 - 데이터 타입 (기타) (0) 2023.05.25 JavaScript 02. 자바스크립트 - 데이터 타입 (숫자) (0) 2023.05.25 JavaScript 01. 자바스크립트 - 변수, 상수 (0) 2023.05.24 JavaScript 00. 자바스크립트란 무엇인가? (0) 2023.05.23