vue image

1. 각 글자에 접근하기

문자열에서 variable[number]를 이용하여 각 글자에 접근 할 수 있다.

var myName = 'makeIt';

console.log(myName[2]) => 'k'
console.log(myName[10]) => undefined

하지만 read-only이다.

myName[0] ='c';

console.log(myName) => 'makeIt' 이지 'cakeIt'이 아님.

2. + 연산자를 이용해 문자열을 연결

var str1 = 've';
var str2 = 'log';

console.log(str1 + str2) //=> 'velog'

문자열에 숫자를 더하면 문자열이 된다.

var str1 = '1';
var str2 = 2;

console.log(str1 + str2) //=> '12'

3. .length

문자열의 전체 길이를 반환한다.

var str = 'good morning'; // 띄어쓰기도 길이에 포함된다.

console.log(str.length) //=> 12

4. .indexOf(value)

찾고자하는 문자열의 처음으로 일치하는 위치를 반환한다. 만약 해당 문자열이 없을 시 -1을 반환한다.

* console.log 생략
'jack the jack'.indexOf('jack'); //=> 0 ('jack'을 0번째에서 찾음)
'Jack the jack'.indexOf('jack'); //=> 9 ('jack'을 9번째에서 찾음)
'jack the jack'.indexOf('cack'); //=> -1 ('cack'이 없다)

'jacak'.lastIndexOf('a'); //=> 3 ('a'를 뒤에서부터 찾아 위치를 반환)

5. .split(seperator)

문자열을 seperator기준으로 분리하여 array로 반환함.

*console.log 생략
var str = 'my name';

str.split() // => ["my name"]
str.split('') // => ["m", "y", " ", "n", "a", "m", "e"]
str.split(' ') // => ["my", "name"]

6. .substring(start, end)

start와 end사이의 문자열을 반환함.

*console.log 생략
var str ='abcdefg';

str.substring(0, 1) // => 'a'
str.substring(1, 3) // => 'bc'
str.substring(-1, 1) // => 'a' (음수는 0으로 취급함)
str.substring(0, 100) // => 'abcdefg' (index범위가 넘어갈때 마지막 index로 취급함)

7. .toLowerCase() / .toUpperCase()

문자열을 일괄적으로 소문자 / 대문자로 변환시켜준다.

*console.log 생략
console.log('HAHA'.toLowerCase()) // => 'haha'
console.log('haha'.toUpperCase()) // => 'HAHA'

모든 string method는 immutable로써 원본 값이 변하지 않는다.

이외에도 .splice .slice등의 많은 method가 존재한다. 궁금하면 MDN사이트를 참조하면 좋을 듯 하다.