투케이2K

42. (jquery/제이쿼리) inArray 사용해서 배열에 데이터 포함 (contains) 여부 확인 실시 실시 본문

Jquery

42. (jquery/제이쿼리) inArray 사용해서 배열에 데이터 포함 (contains) 여부 확인 실시 실시

투케이2K 2022. 7. 30. 19:17

[개발 환경 설정]

개발 툴 : Edit++

개발 언어 : jquery

 

[소스 코드]

    <!-- [CDN 라이브러리 설치] -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>




    <!-- [내부 자바스크립트 J쿼리 이벤트 지정] -->
    <script>


        /*
        // ---------------------------------------
        [요약 설명]
        // ---------------------------------------
        1. window.onload : html의 로딩이 끝난 후에 시작합니다 (이미지, 영상 등 모두 로드 완료 후 실행됨)
        // ---------------------------------------
        2. JSON.stringify : object 형식 json 데이터를 출력해줍니다
        // ---------------------------------------
        3. inArray : 배열에서 특정 객체를 찾으면 해당 인덱스 번지 값을 리턴해줍니다. (없는 경우 -1)
        // ---------------------------------------
        */




        // [html 최초 로드 및 이벤트 상시 대기 실시] 
        window.onload = function() {
            console.log("");
            console.log("[window onload] : [start]");
            console.log(""); 


            // [테스트 함수 호출]         
            testMain();
        };




        // [자바스크립트 테스트 코드] 
        function testMain(){
            console.log("");
            console.log("[testMain] : [start]");
            console.log("");


            // [배열 객체 생성 수행 실시]
            var arrayData = ["hello", "안녕", "투케이"];
            console.log("");
            console.log("[arrayData] : " + JSON.stringify(arrayData));
            console.log("");


            // [inArray 사용해서 데이터 포함 여부 확인 실시 실시]
            var oneContains = $.inArray("2K", arrayData);
            var twoContains = $.inArray("투케이", arrayData);
            console.log("");
            console.log("[oneContains] : " + oneContains);
            console.log("[twoContains] : " + twoContains);
            console.log("");            


        };

    </script>
 

[결과 출력]

 

 

반응형
Comments