Dev/JavaScript

JavaScript String / 문자열

구 불출 2021. 11. 1. 15:36
반응형

문자열 다루는 방법

index번호와 대괄호를 이용해 원하는 문자에 접근할 수 있다

 

let str = 'String';
str[0] //'S'
str[3] //'i'
str[10] //index범위를 벗어나면 undefined 로 출력
//index로 접근은 가능하지만 쓸 수는 없다.(read-only)
str[3] = 'o';
console.log(str); // 'String' not 'Strong'

문자열에 + 연산자를 사용할 수 있다

let str1 = 'Strong';

let str2 = 'Potato';

let str3 = '3';

console.log(str1 + str2);  // 'StrongPotato'
console.log(str3 + 8); // '38'
console.log('1'+true) //'1true'

 

문자열 Method

str.indexOf(serchValue);

//indexOf = 메소드 이름
//searchValue = aruments를 넣는 곳
//arguments = 찾고자 하는 문자열
//return value = 처음으로 일치하는 index, 찾고자 하는 문자열이 없으면 -1

'Blue Whale'.indexOf('Blue'); // 0  //0번째 인덱스부터 시작한다는 뜻
'Blue Whale'.indexOf('blue'); //-1 //찾고자 하는 값 없음/대소문자 구분함
'Blue Whale'.indexOf('Whale');// 5 // 5번째 인덱스부터 나온다
'Blue Whale Whale'.indexOf('Whale'); // 겹치는 값이 있으면 앞에있는 것 출력

'canal'.lastIndexOf('a'); //3// 뒤에서부터 찾아서 앞부분부터 인덱스번호 찾음//

str.includes(searchValue) // 존재 유무를 true / false로 리턴해줌

'potato'.length //6 // 문자열의 길이를 리턴해줌

str.split(seperator)
//argument = 분리 기준이 될 문자열
//return value = 반환되는 값이 배열이다. 분리된 문자열이 포함된 배열
let str = 'hello from the other side'
str.split(' ');
['hello', 'from', 'the', 'other', 'side']
// 공백을 기준으로 문자열을 분리해 배열로 리턴한다.

toLowerCase() // 소문자로 변환
toUpperCase() // 대문자로 변환

str.substring(start,end)
    //시작과 끝 index를 너놓고 구간에 있는 문자열을 반환할 때 사용
var str = 'ABCDEFGHIJ';
console.log(str.substring(0,3));// 'abc'
console.log(str.substring(3,0));// 'abc'
console.log(str.substring(1,4));// 'bcd'
console.log(str.substring(-1,4));// 'abcd' / 음수는 0으로 취급
console.log(str.substring(0,20));//'abcdefghij'/index범위를 초과하면 끝까지 가져옴

//목적은 텍스트의 중간 특정 부분을 가져오고 싶을때 사용

-trim
    -공백문자: 탭문자(\t), Carrihe

return(\r\n), return문자(\n)
    -match(advanced)
    -replace(advanced)
    -정규표현식(advanced)

 

반응형

'Dev > JavaScript' 카테고리의 다른 글

JavaScript Array / 배열  (0) 2021.11.01
JavaScript Type  (0) 2021.11.01
JavaScript variable / 변수  (0) 2020.11.18