728x90
1. indexOf
string.indexOf (searchValue[, fromIndex])
구문
- searchValue (필수)
- 검색하고 싶은 문자열
- 대소문자를 구분하며, 아무 값도 주어지지 않으면 문자열 "undefined"를 찾으려는 문자열로 사용합니다.
- fromIndex
- 검색을 시작할 위치
- 생략하면 기본값으로 0이 사용됩니다.
const str = 'zinu';
str.indexOf('z'); // 0
str.indexOf('i'); // 3
str.indexOf('z', 1) // -1
const str = 'Hello, World, Javascript';
if (str.indexOf('Hello') != -1) {
console.log("exist Hello");
} else {
console.log("not exist Hello");
}
문자열에서 인수로 전달된 문자를 찾아 첫 번째로 검색된(등장한) 문자열의 인덱스(위치) 를 반환하는 함수입니다.
인수로 전달된 문자열를 찾을 수 없다면 -1을 반환합니다.
indexOf 함수는 문자열에서 문자의 위치를 찾거나, 존재하는지 확인할 때 유용합니다.
2. search
search("찾을 문자열")
- indexOf 함수와 동일하게 문자열의 위치를 반환해줍니다.
- 시작 위치는
지정할 수는 없으며, 검색하려는 문자열이 존재하지 않는경우에도 indexOf와 동일하게 -1을 반환합니다.
var str = 'HTML,CSS,JavaScript';
var pos1 = str.search('JavaScript'); // 9
var pos2 = str.search('ZINU'); // -1
search() 함수의 특징은 정규식을 사용할 수 있다는점입니다.
- string.search(/[정규식]/g)
/* 한글 찾기 */
var str = 'HTML,CSS,자바스크립트,javaScript';
var pos = str.search(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/);
console.log(pos); //9
/* 대문자 */
var re = /[A-Z]/g;
/* 숫자 */
var num =/[0-9]/g
/* 대소문자 없이 구분 */
var pos = str.search(/javascript/gi);
// 결과 : 16
3. includes
string.includes(검색하려는 문자열 [, 검색을 시작할 위치])
includes() 메서드는 indexOf() 함수와 동일하게 하나의 문자열이 다른 문자열에 포함되어 있는지를 판별합니다. 하지만 결과를 boolean 값인 true 또는 false로 반환합니다.
const str = 'Hello, javascript';
str.includes('j'); // true
str.includes('java'); // true
str.includes('Hello', '7') // false
const sentence = 'Hello, World, Javascript';
const word = 'Javascript';
console.log(
`The word "${word}" ${
sentence.includes(word) ? 'is' : 'is not'
} in the sentence`,
);
// Expected output: "The word "Javascript" is in the sentence"
4. String.startsWith(), String.endsWith()
string.startsWith(searchString, position);
startsWith() 메서드는 어떤 문자열이 특정 문자로 시작하는지 확인하여 결과를 true 혹은 false 로 반환합니다.
string.endsWith(searchString[, length])
endsWith() 메서드는 어떤 문자열이 특정 문자로 끝나는지 확인하여 결과를 true 혹은 false 로 반환합니다.
const str1 = 'Hello, JavaScript World!'
console.log(str1.startsWith('JavaScript'))
// Expected output: true
console.log(str1.startsWith('Hello', 8));
// Expected output: false
'Language > JavaScript' 카테고리의 다른 글
[JavaScript] reduce 함수 알아보기 (1) | 2024.01.10 |
---|---|
[JavaScript] repalce(), replaceAll() (0) | 2024.01.09 |
[JavaScript] Array filter() 사용법과 map()과 차이점 (1) | 2024.01.08 |
[JavaScript] 문자열 자르기 함수 substr() / substring() / slice() / splice() / split() (0) | 2024.01.07 |
화살표 함수 (Arrow function) (0) | 2024.01.06 |