[Intermediate] 데이터 - 문자

OROSY·2021년 3월 28일
0

JavaScript

목록 보기
29/53
post-thumbnail

1. 데이터 - 문자

1) String.prototype.indexOf()

String 전역 객체는 문자열의 생성자 함수
indexOf()는 String 객체에서 0을 기준으로 주어진 값과 일치하는 인덱스를 반환하며, 일치하는 값이 없으면 -1 반환!
const result = 'Hello world!'.indexOf('world')
console.log(result) // 값: 6, world가 6번째에 있다는 의미

const str = 'Hello world!'
console.log(str.indexOf('Bye') !== -1)
// 값: false
// indexOf()와 비교연산자를 사용하여 문자열 포함 여부를 boolean 데이터로 표현 가능

2) String.length

length는 String 객체의 속성(property)값으로 문자열의 길이를 반환
const str = '0123'

console.log(str.length) // 값: 4
console.log('0123'.length) // 값: 4

3) String.prototype.slice()

slice() 메소드는 문자열의 일부를 추출하면서 새로운 문자열을 반환
const str = 'Hello world!'

console.log(str.slice(0, 3)) // 값: Hel, 0번째인 H부터 3번째 직전까지인 Hel까지 반환
console.log(str.slice(6, 11)) // 값: world, 6번째인 w부터 11번째 직전까지인 world까지 반환

4) String.prototype.replace()

replace() 메소드는 문자열의 일부를 추출한 뒤 다른 문자로 대체
const str = 'Hello world!'

console.log(str.replace('world', 'OROSY')) // 값: Hello OROSY!
console.log(str.replace(' world!', '')) // 값: Hello

5) String.prototype.match()

replace() 메소드는 문자열에서 정규표현식을 이용하여 특정한 문자를 match하여 배열데이터로 반환
const str = 'hanei100@naver.com'

console.log(str.match(/.+(?=@)/))
// 값: "hanei100", index: 0, input: "hanei100@naver.com", groups: undefined

console.log(str.match(/.+(?=@)/)[0])
// 값: hanei100, 정규표현식과 배열을 통해 match() 실행

* 정규표현식 /.+(?=@)/

(?=@) '골뱅이 기호 앞쪽 일치'를 의미
.+ '.(한 글자) 중에 최대한 많이 일치'를 의미
한 번에 이해가 안되더라도 신경쓰지 말고 다음에 더 배울 예정!

6) String.prototype.trim()

replace() 메소드는 문자열 양 끝의 공백을 제거한 문자열 반환
const str = '   Hello world!  '

console.log(str.trim())
// 값: Hello world!
profile
Life is a matter of a direction not a speed.

0개의 댓글