본문 바로가기

프로그래밍 공부/JavaScript

JavaScript - String 객체

String 객체는 자바스크립트에서 가장 많이 사용한다. 

let stringFromLiteral = 'String Object';
let StringFromConstructor=new String('String Object');

let result='';
result+=typeof(stringFromLiteral)+'\n';
result+=typeof(StringFromConstructor);
alert(result);

String의 속성(Attribute)은 하나만 존재한다.

속성 이름 설명
length 문자열의 길이를 나타낸다.

속성은 length 하나 밖에 존재하지 않지만 많이 사용하는 속성이다.

let input = prompt('Write a string''Please write over 6 letters');
if(input.length < 6){
     alert('You must write over 6 letters');
}
else{
     alert('Thank you');
}

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!';

output = output.toLowerCase();
output = output.substring(0, 10);
output = output.anchor('name');

alert(output);

let output = 'Hello World!';

output = output.toLowerCase().substring(0, 10).anchor('name');

alert(output);

String 객체.html
0.00MB

'프로그래밍 공부 > 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