String 객체는 자바스크립트에서 가장 많이 사용한다.
let stringFromLiteral = 'String Object'; |
String의 속성(Attribute)은 하나만 존재한다.
속성 이름 | 설명 |
length | 문자열의 길이를 나타낸다. |
속성은 length 하나 밖에 존재하지 않지만 많이 사용하는 속성이다.
let input = prompt('Write a string', 'Please write over 6 letters'); |
String에서 객체의 속성은 length 하나밖에 없지만 메서드는 굉장히 많다. String 객체의 메서드는 기본 메서드와 HTML 메서드로 나뉘어 진다.
메서드 이름 | 설명 |
charAt(position) | position에 위치하는 문자를 반환한다. |
charCodeAt(position) | position에 위치하는 문자의 유니코드 문자를 반환한다. |
concat(arguments) | 매개변수로 입력한 문자열을 이어서 반환한다. |
indexOf(searchString, position) | 앞에서부터 일치하는 문자열의 위치를 반환한다. |
lastIndexOf(searchString, position) | 뒤에서부터 일치하는 문자열의 위치를 반환한다. |
match(String) | 문자열 안에 특정한 String이 있는지 확인한다. |
replace(String, replacement) | String을 replacement로 바꾼뒤 반환한다. |
search(String) | 특정한 String과 일치하는 문자열의 위치를 반환한다. |
slice(start, end) | 특정 위치의 문자열을 추출해 반환한다. |
split(separator, limit) | seperator로 문자열을 잘라서 배열로 반환한다. |
substr(start, count) | start부터 count 길이 만큼 문자열을 자른후 반환한다. |
substring(start, end) | start부터 end 바로 앞까지 문자열을 자른후 반환한다. |
toLowerCase() | 문자열을 소문자로 바꿔 반환한다. |
toUpperCase() | 문자열을 대문자로 바꿔 반환한다. |
특정한 변수들을 선언한뒤 String 객체의 메서드를 사용한 결과이다. 또 String 객체의 메서드는 자기 자신을 변화시키지 않고 반환한다. String 메서드에는 HTML 관련 메서드도 존재한다.
메서드 이름 | 설명 |
anchor() | a 태그로 문자열을 감싸 반환한다. |
big() | big 태그로 문자열을 감싸 반환한다. |
blink() | blink 태그로 문자열을 감싸 반환한다. |
bold() | b 태그로 문자열을 감싸 반환한다. |
fixed() | tt 태그로 문자열을 감싸 반환한다. |
fontcolor(color) | font 태그로 문자열에 color 속성을 주고 반환한다. |
fontsize(fontsize) | font 태그로 문자열에 size 속성을 주고 반환한다. |
italics() | 이탤릭체 태그로 문자열 감싸 반환한다. |
link(linkRef) | a 태그에 href 속성을 지정하고 반환한다. |
small() | small 태그로 문자열을 감싸 반환한다. |
strike() | strike 태그로 문자열을 감싸 반환한다. |
sub() | sub 태그로 문자열을 감싸 반환한다. |
sup() | sup 태그로 문자열을 감싸 반환한다. |
HTML5와 CSS3로 충분히 가능한 부분이기 때문에 실제로는 별로 사용하지 않는다.
메서드 체이닝(Method Chaining)은 자바스크립트의 기술 중 하나인데, 쉽게 설명하면 메서드를 줄줄히 연결한다는 것이다.
일반적인 메서드 사용 |
메서드 체이닝 사용 |
let output = 'Hello World!'; |
let output = 'Hello World!'; |
'프로그래밍 공부 > JavaScript' 카테고리의 다른 글
JavaScript - Date 객체 (0) | 2019.12.12 |
---|---|
JavaScript - Array 객체 (0) | 2019.12.12 |
JavaScript - Number 객체 (0) | 2019.12.11 |
JavaScript - Object 객체 (0) | 2019.12.11 |
JavaScript - 기본 자료형과 객체의 차이점 (0) | 2019.12.11 |