• 회원가입
  • 로그인
  • 구글아이디로 로그인

[String] JS - indexOf() 메서드(문자열) ★ - 처음일치문자열위치찾기 (= 문자열포함검사 = 인덱스어브메서드)

목차

  1. indexOf() 예제 - 일치 문자열 처음 위치 반환
  2. indexOf() 정의
  3. indexOf() 구문
  4. indexOf() 예제 - 새 도메인으로 도메인 포워딩
  5. indexOf() 예제 - 메뉴 현재위치 활성화 표시

 

indexOf() 예제 - 일치 문자열 처음 위치 반환


<button onclick="hz()">위치 확인</button>

<p id="po"></p>

<script>
function hz() {
    var str = "홈짱닷컴 Homzzang.com";
    var n = str.indexOf("Homzzang");
    document.getElementById("po").innerHTML = n;
}
</script>


결과값: 5
 

indexOf() 정의

 

일치 문자열 처음 위치 반환.

※  대소문자 구별.

 



1.. 

일치 문자열 없을 시 -1 반환 이용해, 메뉴 현재 위치 표시 용도 가능.

(즉, 메뉴 문자열이 URL에 있다면 적어도 -1보다 크다는 점 이용.)

 

2.

모든 브라우저 지원

 

3. cf.

charAt() : 문자열 내 각 색인번호에 해당하는 문자 반환. 


 

indexOf() 구문

 

string.indexOf(searchvalue, start)

 


[매개변수]

 

searchvalue

필수. 검색대상 문자열에서 찾을 문자열. 

 

start

선택. 검색시작위치. (기본값: 0)

※ 순서는 0부터 시작.  (즉, 0 , 1 , 2 , ..........)


[반환값]

 

  • 일치 문자열 있으면, 해당 문자열 시작 위치 반환.
  • 일치 문자열 없으면, -1 반환.

 

 

indexOf() 예제 - 새 도메인으로 도메인 포워딩

 

<script>

oldUrl = "homzzang.cafe24.com";

newUrl = "homzzang.com";

if (location.href.indexOf(oldUrl) > -1) location.href = location.href.replace(oldUrl, newUrl);

</script>

 

비타주리 님 (221224) https://sir.kr/qa/484125
 

indexOf() 예제 - 메뉴 현재위치 활성화 표시


<div id="mysubmenu">

  <!-- 내용 -->

</div>

 

<script>

  var submenuLinks = document.querySelectorAll('#mysubmenu a');


  submenuLinks.forEach(function(link) {

    link.addEventListener('click', function() {

      submenuLinks.forEach(function(item) {

        item.parentNode.classList.remove('active');

      });

      this.parentNode.classList.add('active');

    });


    if (link.getAttribute('href').indexOf(location.pathname) > -1) {

      link.parentNode.classList.add('active');

    }

  });

</script>



PS. jQuery 경우

<div id="mysubmenu">

~

</div>

<script>

$('#mysubmenu a').each(function() {    

    let _href = $(this).attr('href');

    

    if (_href.indexOf(location.pathname) > -1)

        $(this).parent().addClass('active');

    else

        $(this).parent().removeClass('active');

});

</script>


마르스컴퍼니 님 (230829) https://sir.kr/qa/509963
 
방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
String JS - toUpperCase() 메서드 - 대문자로 변환
String JS - trim() 메서드 ★ - 문자열양쪽 공백제거 (= trim메서드 = 트림 메서드)
String JS - valueOf() 메서드 - 객체값 (문자열자체 = 밸류어브)
String JS - anchor() 메서드 - name 속성 갖는 앵커태그 (= 링크태그) (비표준)
String JS - big() 메서드 - 큰글씨 (= 큰글자 = 글자 크게) (비표준)
String JS - blink() 메서드 - 글자 깜빡임. (비표준)
String JS - bold() 메서드 - 굵은글씨 (= 글자 굵게) (비표준)
String JS - fixed() 메서드 - 텔레타이프 텍스트 (비표준)
String JS - fontcolor() 메서드 - 글자색깔 (비표준)
String JS - fontsize() 메서드 - 글자크기 (비표준)
String JS - italics() 메서드 - 이탤릭체 (비표준)
String JS - link() 메서드 - src 속성 갖는 앵커태그 (= 링크태그) (비표준)
String JS - small() 메서드 - 작은글씨 (= 글자 작게) (비표준)
String JS - strike() 메서드 - 취소선 (= strike메서드 = 스트라이크메서드, HTML5제외)
String JS - sub() 메서드 - 아래첨자 (비표준) (= sub메서드 = 서브메서드)
String JS - sup() 메서드 - 위첨자 (비표준)
Number JS - Number -
Number JS - constructor - 객체생성자함수 (숫자 경우)
Number JS - MAX_VALUE - JS최대값 (= JS에서 가장큰수)
Number JS - MIN_VALUE - JS최소값 (= JS가장작은값)
7/67
목록
찾아주셔서 감사합니다. Since 2012