남과 같이 해선 남 이상이 될 수 없다.

JavaScript

2021/05/31 자바스크립트

맨동 2021. 5. 31. 13:40
728x90

String

 


String.prototype.indexOf()

indexOf() 메서드는 호출한 String 객체에서 주어진 값과 일치하는 첫 번째 인덱스를 반환합니다. 일치하는 값이 없으면 -1을 반환합니다. 

 

구문

str.indexOf(searchValue[, fromIndex])

 

매개변수

searchValue(필수)

찾으려는 문자열. 아무 값도 주어지지 않으면 문자열 "undefined"를 찾으려는 문자열로 사용합니다.

 

fromIndex(선택)

문자열에서 찾기 시작하는 위치를 나타내는 인덱스 값입니다. 어떤 정수값이라도 가능합니다. 기본값은 0이며, 문자열 전자밧체를 대상으로 찾게 됩니다. 만약 fromIndex 값이 음의 정수이면 전체 문자열을 찾게 됩니다. 만약 fromIndex >= str.length 이면, 검색하지 않고 바로 -1을 반환합니다. searchValue가 공백 문자열이 아니라면, str.length를 반환합니다.

 

const str = 'Hello world Hello'
const second = str.indexOf(str);

console.log(str.indexOf('Hello', (second + 1))) //12
console.log(str.indexOf('Hi') !== -1) //false

반환 값

searchValue의 첫 번째 등장 인덱스. 찾을 수 없으면 -1.

 

String.prototype.slice()

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

 

문법

str.slice(beginIndex[, endIndex])

매개변수

beginIndex

추출 시작점인 0부터 시작하는 인덱스입니다. 만약 음수라면, beginIndex는  strLength(문자열 길이) + beginIndex로 취급됩니다. (예를 들어 beginIndex가 -3이면 시작점은 strLength - 3).만약 beginIndex가 strLength 보다 크거나 같은 경우, slice()는 빈 문자열을 반환합니다.

 

endIndex(선택)

0부터 시작하는 추출 종료점 인덱스로 그 직전까지 추출됩니다.  인덱스 위치의 문자는 추출에 포함되지 않습니다.만약 endIndex가 생략된다면, silce()는 문자열 마지막까지 추출합니다. 만약 음수라면, endIndex는 strLength(문자열 길이) + endIndex 로 취급됩니다(예를 들어 endIndex가 -3이면 종료점은 strLength - 3).

 

반환값

문자열의 추출된 부분을 담는 새로운 문자열이 반환됩니다.

 

+ replace() 메서드

const str = 'Hello world!'

console.log(str.replace('world', 'Kim')) //Hello Kim!
console.log(str.replace('world!', '')) //Hello

패턴이 일치하는 일부 또는 부분이 교체된 새로운 문자열 반환합니다.

+trim() 메서드

const greeting = '   Hello world!   '
console.log(greeting.trim())  //"Hello world!"

문자열 양끝의 공백을 제거합니다.

 

+ match() 메서드와 정규표현식

match() 메서드는 문자열이 정규식과 매치되는 부분을 검색합니다.

 

문법

str.match(regexp)

 

const email = 'abcd1234@gmail.com'
console.log(email.match(/.+(?=@)/))

@를 기준으로 '()' 앞쪽에서 '+' 최대한많은 '.' 글자를 일치 시킨다.

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

console.log(email.match(/....(?=@)/)[0])
//1234

 

 

잠깐 알아보는 정규 표현식

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

이 패턴들은 RegExp exec(), test(), 그리고 String의  match(), replace(), search(), split() 와 함께 쓰입니다 .

 

정규식 리터럴 방식

let re = /ab+c/;

 

 

728x90

'JavaScript' 카테고리의 다른 글

2021/06/03 자바스크립트  (0) 2021.06.03
2021/05/31 -2 자바스크립트  (0) 2021.05.31
2021/05/30 자바스크립트  (0) 2021.05.30
2021/05/28 자바스크립트  (0) 2021.05.28
21/05/27 자바스크립트  (0) 2021.05.27