본문 바로가기

DATA 분석 교육 과정 (2024.02~08)/JavasScript

JS_배열(이론)

728x90
<body>

    <script>
        // 배열 선언하기 
        // java : 자료형[]변수형 = new int(자료형) [공간크기]
        // JS: let 변수명 = [];

        //1. 배열 생성방법
            // 1-1. 빈 배열을 만드는 경우
            let array =[];
        
            // 1-2. 처음에 몇 개의 데이터를 담으면서 배열을 만드는 경우
            let array1 = [1,2,3,4,5];

        // 2. 배열추가 
            // 2-1. 배열에 데이터를 추가 
            // 배열이름[인텍스번호] = 값;
            array[0]= "미리" ;
            array[1]= "재영" ;
            array[2]= 15000 ;
            array[3]= true ;
            array[4]= [1,2] ;
            array[5]= {"name" :"justin"} ;  

            // 2-2 배열 마지막 자리에 추가 : 
            // 배열이름. push(추가할 값)
            // 데이터를 추가할 때 1개 이상 추가 가능
            array.push(3);
            array.push(4,5,6);

            console.log(array);


        // 3. 배열 확인
            // 3-1 배열 전체 확인
            console.log(array);
            // 3-2 배열 부분 확인 
            console.log(array[0]);


        // 4. 배열수정
        // 인덱스 번호 활용
        array[0]=3; // 0번에 3으로 넣어주기 

        // 5 데이터 삭제
            // 5-1. 배열 데이터 삭제
            // 배열이름.splice(시작인덱스, 삭제할 갯수);
            // ex 0번째 방 데이터 부터 2개 삭제하기 
            array.splice(0,2);

            // 5-2. 특정 범위의 데이터를 삭제
            // 배열이름.slice(시작인덱스, 끝인덱스 (미만)) **끝 인덱스 미포함
            // 잘라낸 데이터들을 배열로 반환 (기존 배열은 영향을 끼치지 않는다.)
            // ex/ 0~3번방에 있는 데이터들을 배열로 반환
            console.log(array.slice(0,3)); // 0번방~2번방 데이터 값 출력

            // 5-3 마지막 배열 데이터 삭제
            // fruits.splice(fruits.length-1,1);
            // fruits.splice(fruits.indexOf("tomato"),1);
            // fruits.pop(); 



        // 6. 특정 데이터 찾기
        // 배열이름. includes(찾고싶은데이터)
        // 검색한 데이터가 존재하면 true, 아니면 false 
        console.log(array.includes(15000));
        console.log("array안에 금액 정보가 있을까? "+ array.includes(15000));


        // 7. 찾고자 하는 데이터 위치 찾기 
        // 배열이름.indexof(찾고싶은데이터)
        // 검색한 데이터가 존재하면 인덱스번호, 없으면 -1 반환
        // ex: 배열에 15000 위치 알려줘
        array.indexOf(15000)
        console.log(array.indexOf(15000));

    </script>
</body>

출처: 스마트인재개발원

728x90
반응형

'DATA 분석 교육 과정 (2024.02~08) > JavasScript' 카테고리의 다른 글

JS_배열(실습_과일)  (0) 2024.04.30
JS_배열(실습_랜덤)  (0) 2024.04.30
JS_랜덤수 찾기(실습)  (0) 2024.04.26
JS_랜덤수 찾기  (1) 2024.04.24
JS_조건문, 반복문  (0) 2024.04.24