본문 바로가기

JavaScript

[Javascript] 특정 문자 위치 찾기 indexOf 함수

Javascript에서 특정 문자 위치를 찾는 법이 여러개 있지만 그 중에서 indexOf 함수에 대해 포스팅하겠다.

 

indexOf()

Javascript의 문자열에서 특정 문자의 위치를 찾기 위해서 indexOf 함수를 사용한다.

 

구문

arr.indexOf(searchElement[, fromIndex])

 

매개변수

searchElement : 배열에서 찾을 요소

fromIndex Optional : 검색을 시작할 색인 (기본값: 0, 인덱스가 배열의 길이보다 크거나 같은 경우 -1이 반환)

 

반환값

배열 내의 요소의 최초의 인덱스. 발견되지 않으면 -1.

 

var array = [2, 9, 9];
array.indexOf(2);     // 0
array.indexOf(7);     // -1
array.indexOf(9, 2);  // 2
array.indexOf(2, -1); // -1
array.indexOf(2, -3); // 0

 

 const arr1 = ['수박','옥수수','과자','딸기','우유','고기','수수']
       const txt = '수'
       
       //filter + indexOf 수 결과 
       const re1  = arr1.filter( item => item.indexOf(txt) > -1 )
       console.log( re1 ) 
       const re2  = arr1.filter( item => item.indexOf(txt) != -1 )
       console.log( re2 ) 

       const data  = [
           {text:'친구와 영화보기' },
           {text:'엄마와 저녁먹기' },
           {text:'즐거운 일요일 영화보기' },
           {text:'가족영화' },
           {text:'가족 식사' },
       ]
       const txt1  ='영화'

       const data1  = data.filter( item => item.text.indexOf(txt1) != -1)
       console.log( data1 )

 

<참고>

indexOf mdn

Array.prototype.indexOf() - JavaScript | MDN (mozilla.org)

 

Array.prototype.indexOf() - JavaScript | MDN

indexOf() 메서드는 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고 존재하지 않으면 -1을 반환합니다.

developer.mozilla.org

 

반응형

'JavaScript' 카테고리의 다른 글

[Javascript] shift, unshift 함수  (0) 2022.06.01
[Javascript] Array forEach()함수  (0) 2022.05.31
[Javascript] find, findIndex 함수  (0) 2022.05.29
[Javascirpt] filter 함수  (0) 2022.05.28
[Javascript] Array map 사용법  (0) 2022.05.27