일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- jQuery
- 원펀맨
- JSX
- 오라클
- React
- array
- 배열
- 개발
- url 변환
- 스프링
- url 치환
- JS
- 형변환
- forEach
- 맛집
- 자바스크립트
- 이름 마스킹
- 모바일게임
- spring
- table
- 원펀맨: 최강의 남자
- Java
- JavaScript
- Oracle
- set
- html
- 자바
- 리액트
- SQL
- JSTL
Archives
- Today
- Total
특별한 일상
[JavaScript] 특정 문자 검색 & 찾기 javaScript indexOf() lastIndexOf() 본문
IT•개발 끄적/JavaScript
[JavaScript] 특정 문자 검색 & 찾기 javaScript indexOf() lastIndexOf()
소다맛사탕 2021. 5. 19. 18:26반응형
특정 값의 vaildation을 체크하거나 해당 값의 일치 여부를 판단하기 위해 indexOf() 라는 탐색 메서드를 종종 사용하곤 하는데..
오늘은 이 특정 문자를 검색하거나 찾은 후 처리되는 indexOf() 메서드의 처리 방식에 대해 간단히 알아보려고 합니다.
1. indexOf()
특정 요소를 앞에서부터 검색하고 문자열의 위치를 리턴한다.
indexOf(searchString, position)
2. lastIndexOf()
특정 요소를 뒤에서부터 검색하고 문자열의 위치를 리턴한다.
lastIndexOf(searchString, position)
해당 문자(열)을 가지고 있는지 여부에 따라
값이 없는 경우 -1을 반환.
해당하는 값이 있는 경우 해당 위치 값을 반환.
예시를 통해 알아보겠습니다...
var text_indexOf = "가나다라마사";
var text_lastIndexOf = "abcdefghi";
alert("this indexOf : " + text_indexOf.indexOf("다"));
// 해당 문자열에 없을 경우
if(text_indexOf.indexOf("아") == -1){
alert("this none indexOf : " + text_indexOf.indexOf("아"));
}
alert("this lastIndexOf : " + text_lastIndexOf.lastIndexOf("f"));
// 해당 문자열에 없을 경우
if(text_lastIndexOf.lastIndexOf("j") == -1){
alert("this none lastIndexOf : " + text_lastIndexOf.lastIndexOf("j"));
}
---- 결과 ----
this indexOf : 2
this none indexOf : -1
this lastIndexOf : 5
this none indexOf : -1
마찬가지로 변수에 String 형태가 아닌 배열을 생성했을 때도 해당하는 문자를 찾을 수 있습니다.
var ary_indexOf = new Array();
var ary_lastIndexOf = ["a","b","c","d","e","f","g","h","i"];
ary_indexOf.push("가");
ary_indexOf.push("나");
ary_indexOf.push("다");
ary_indexOf.push("라");
ary_indexOf.push("마");
alert("this indexOf : " + ary_indexOf.indexOf("다"));
// 해당 배열에 없을 경우
if(ary_indexOf.indexOf("아") == -1){
alert("this none indexOf : " + ary_indexOf.indexOf("아"));
}
alert("this lastIndexOf : " + ary_lastIndexOf.lastIndexOf("f"));
// 해당 배열에 없을 경우
if(ary_lastIndexOf.lastIndexOf("j") == -1){
alert("this none lastIndexOf : " + ary_lastIndexOf.lastIndexOf("j"));
}
---- 결과 ----
this indexOf : 2
this none indexOf : -1
this lastIndexOf : 5
this none indexOf : -1
※ 변수에 선언된 문자나 배열의 경우 스택이 0부터 시작하므로 '가나다라마사'에서 '다'의 위치는 2번째 입니다 .
'IT•개발 끄적 > JavaScript' 카테고리의 다른 글
[JavaScript] ECMAScript5 이상 키워드 var, let, const 사용법과 차이점 (0) | 2021.12.11 |
---|---|
[JavaScript] JS URL 인코딩 & 디코딩 처리(url encoding or decoding) (0) | 2021.06.10 |
[JavaScript] Array jQuery each() 메서드 사용법(배열 each()) (0) | 2021.05.29 |
[JavaScript] Array forEach() 메서드 사용법(배열 forEach()) (0) | 2021.05.28 |
[JavaScript] 체크박스 전체 선택/해제 (0) | 2021.04.03 |
Comments