JS. 문자

JS string 검색 방법

string mdn을 검색하여 아래 사이트에 접속한다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String

String - JavaScript | MDN

이와 같은 사이트를 접속하면 mozilla에서 제공하는 문자와 관련된 자료를 찾을 수 있다.

indexOf()라는 기술을 찾기 위해 command + F 를 눌러서 해당 매서드에 관련된 자료를 찾을 수 있었다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf

String.prototype.indexOf() - JavaScript | MDN

indexOf()

indexOf() 매서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환한다.

일치하는 값이 없으면 -1을 반환한다.

 

예제를 살펴보면 6이라는 첫 번째 인덱스에서 반환하는 것을 볼 수 있다.

const result = 'Hello world!'.indexOf('world')
console.log(result)

실행결과
6

imae를 검색해보면 -1이 나오는 것을 볼 수 있다.

일치하는 값이 없는 경우이다.

const result = 'Hello world!'.indexOf('imae')
console.log(result)

실행결과
-1

---

String length

const str = '0123'

console.log(str)
console.log(str.length)
console.log('0123'.length)
console.log('01 23'.length)

실행 결과
0123
4
4
5

length 속성은 문자열의 길이를 나타낸다.

---

String slice, replace

const str2 = 'hello world!'

console.log(str2.indexOf('world'))
console.log(str2.indexOf('world') !== -1)

console.log(str2.slice(6, 11))
console.log(str2.replace(' world!', ''))

실행 결과
6
true
world
hello

slice() 메소드는 문자열의 일부를 추출하여 새로운 문자열을 반환한다.

beginIndex부터 endIndex 직전까지 자른다.

인덱스 위치에 문자는 추출에 포함하지 않는다.

 

replace() 메소드는 어떤 패턴이 일치하는 일부 또는 모든 부분이 교체된 새로운 문자열을 반환한다.

---

String 정규표현식

정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴이다.

자바스크립트에서, 정규 표현식 또한 객체이다.

const str3 = 'kurt5451@naver.com'

console.log(str3.match(/.+(?=@)/))
console.log(str3.match(/.+(?=@)/)[0])

실행 결과
[
  'kurt5451',
  index: 0,
  input: 'kurt5451@naver.com',
  groups: undefined
]
kurt5451

match() 메소드는 대응되는 문자열을 찾는 String 메소드이다.

정보를 가지고 있는 배열을 반환한다.

대응되는 문자열을 찾지 못했다면 null을 반환한다.

---

String trim

const str4 = '   hello world.    '
console.log(str4.trim())

실행 결과
hello world.

trim() 메서드는 양 끝에 공백을 제거한다.