본문 바로가기

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

JS_배열(실습_과일)

728x90
<body>

    <script>
                let fruits = ["apple", "pear", "avocado", "plum", "grapes", "mango", 
                "yuja", "kiwi", "banana", "orange", "watermelon", "lime", "tomato"];

        // 실습

        //1. fruits의 마지막 아이템인 tomato 삭제 (3가지 방법)
        //fruits.splice(fruits.length-1,1);
        //fruits.splice(fruits.indexOf("tomato"),1);
        fruits.pop(); //배열의 마지막 인덱스틑 꺼내오고 반환하는 기능
        
        //2. 마지막에 grapefruit 추가하기
        fruits.push("grapefruit");

        //3. “cherry”, “blackberry” 추가하기
        fruits.push("cherry", "blackberry");

        //4. orange가 있는지 확인하기
        fruits.includes("orange");
        console.log(fruits.includes("orange")); //true

        //5. watermelon이 있는지 확인하기
        fruits.includes("watermelon");
        console.log(fruits.includes("watermelon")); //true
        
        // 6. watermelon을 melon으로 변경
        console.log(fruits.indexOf("watermelon")); //10
        fruits[10] = "melon";
        
        // 7. banana부터 3개의 아이템을 기존 배열에서 삭제하기
        console.log(fruits.indexOf("banana")); //8
        fruits.splice(8,3);
        console.log(fruits);
        
        // 8. grapes 이후의 값을 제거하기
        console.log(fruits.indexOf("grapes")); //4
        console.log(fruits.slice(0,5));

        // 선생님 예시 
        // splice() :  삭제할 데이터 갯수에 해다아하는 매개변수를 입력하지 않으면
        // 시작 엔덱스부터 마지막 인덱스까지 전부 데이터 삭제

        // 9. avocado부터 grapes 까지 가져와서 새로운 배열에 저장하기
        // 선생님
        // let newArray = fruits.slice(fruits.indexOf("avocado"),fruits.indexOf("grapes")+1);
        // console.log(newArray);
        
        let guo = [fruits.slice(2,5)]
        console.log(guo);
        
    </script>
</body>

출처:스마트인재개발원

728x90
반응형

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

JS_함수(실습_두수 더하기)  (0) 2024.04.30
JS_배열(실습_랜덤)  (0) 2024.04.30
JS_배열(이론)  (0) 2024.04.26
JS_랜덤수 찾기(실습)  (0) 2024.04.26
JS_랜덤수 찾기  (1) 2024.04.24