Kimsora✨
Published 2022. 8. 25. 15:28
문자열 Javascript
320x100
반응형

자바스크립트엔 글자 하나만 저장할 수 있는 별도의 자료형이 없으며 텍스트 형식의 데이터는 길이에 상관없이 문자열 형태로 저장 된다
변경 불가능한 (immutable value)값을 가지고 있어 객체가 생선된 이후 그 상태를 변경 을 할 수 없다

 

문자열의 길이 찾기 str.length

var browserType = 'mozilla';
browserType.length; // 7

 

(1)str.indexOf()
indexOf 함수는, 문자열에서 특정 문자열을 찾고, 검색된 문자열이 '첫번째'로 나타나는 위치 index를 리턴한다.
찾고자하는 값이 없으면 -1 을 반환한다
대소문자를 구분한다

 

'Blue Whale'.indexOf('Blue'); // returns 0
'Blue Whale'.indexOf('Blute'); // returns -1
'Blue Whale'.indexOf('Whale', 0); // returns 5
'Blue Whale'.indexOf('l', 5); // returns 7
'Blue Whale'.indexOf('Whale', 7); // returns -1
'Blue Whale'.indexOf(''); // returns 0

 

(2)str.toLowerCase() 와str.toUpperCase()
대문자->소문자로변경,소문자->대문자로 변경

 

let radData = 'My NaMe Is MuD';
radData.toLowerCase();//'my name is mud'
radData.toUpperCase();//'MY NAME IS MUD

 

(3)str.split()
문자열을 구분자로 구분해 분리하여 배열로 만든다

 

var str = 'HTML,CSS,JavaScript';
var words = str.split(',');
// ['HTML', 'CSS', 'JavaScript']

 

(4)str.slice(start [, end])
문자열의 start부터 end까지(end는 미포함)를 반환 한다
두 번째 인수가 생략된 경우엔, 명시한 위치부터 문자열 끝까지를 반환다한다
start와 end는 음수가 될 수도 있으며 음수를 넘기면 문자열 끝에서부터 카운팅을 시작한다

 

let str = "javascript";
// 끝에서 4번째부터 시작해 끝에서 1번째 위치까지
alert( str.slice(-4, -1) ); // rip

 

(5)str.substring(start [, end])
start와 end 사이에 있는 문자열을 잘라내어 반환한다
start와 end 바껴도 상관없다
음수는 0으로 취급한다
둘다 음수값이라면 반환값이 무조건 없다

 

let str = "stringify";
// 동일한 부분 문자열을 반환합니다.
alert( str.substring(2, 6) ); // "ring"
alert( str.substring(6, 2) ); // "ring"

 

(6)str.substr(start, length)
length값은 가져올 길이값이며, 생략가능하다.
두번째 매개변수인 length값이 음수값일 경우 빈 값을 반환한다
(length값이 음수이라면 가져올 길이값이 마이너스이므로 당연히 빈값을 반환)

 

let str = "stringify";
alert( str.substr(2, 4) ); // ring, 두 번째부터 글자 네 개

 

(7)str.repeat()
문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열을 반환한다.
0과 양의 무한대 사이의 정수를 사용한다

 

'abc'.repeat(-1); // RangeError
'abc'.repeat(0); // ''
'abc'.repeat(1); // 'abc'
'abc'.repeat(2); // 'abcabc'
'abc'.repeat(3.5); // 'abcabcabc' (count will be converted to integer)
'abc'.repeat(1/0); // RangeError
({ toString: () => 'abc', repeat: String.prototype.repeat }).repeat(2);
// 'abcabc' (repeat() is a generic method)

(8)str.replace()

어떤 패턴에 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환한다

const p = 'The quick brown fox jumps over the lazy dog. If the dog reacted, was it really lazy?';

console.log(p.replace('dog', 'monkey'));
// expected output: "The quick brown fox jumps over the lazy monkey. If the dog reacted, was it really lazy?"


const regex = /Dog/i;
console.log(p.replace(regex, 'ferret'));
// expected output: "The quick brown fox jumps over the lazy ferret. If the dog reacted, was it really lazy?"
728x90
반응형

'Javascript' 카테고리의 다른 글

객체 (Object)  (2) 2022.09.05
배열의 매서드  (2) 2022.09.02
Math.()함수  (0) 2022.08.25
조건문(conditional statements)  (0) 2022.08.25
Falsy , NaN  (0) 2022.08.25
profile

Kimsora✨

@sorarar

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!

검색 태그

WH