자바스크립트 배열

이세라·2024년 9월 25일
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>배열</title>
    <script>
    /*
    변수 : 가장 마지막에 담는 데이터 하나만 저장
    배열 : 여러 자료를 묶어서 활용할 수 있는 특수한 자료
           여러 개의 변수를 한 번에 선언해 다를 수 있는 자료형
           [] 를 사용하여 생성, 값은 쉼표(,)로 구분
           [요소, 요소, ...]
        1) 요소의 순서를 인덱스, 인덱스 번호는 0번부터 시작
        2) 배열 요소 접근 : 배열명[인덱스]
           let array = [10, 20, "사과", "딸기", true] <= 요소
                         0   1     2      3      4    <= 인덱스 번호

           array[3] => 딸기
        3) 배열 요소의 개수 확인
           배열명.length
        4) 배열요소 추가 : 배열명.push(요소) - 배열의 마지막에 요소 추가
    */
   let fruit = ['사과','딸기','복숭아'];
   document.write("fruit[2] = " + fruit[2] + "<br>");


   for(let i=0;i<fruit.length;i++){
    //document.write(fruit[i]+"<br>");
    document.write("fruit["+i+"]=" + fruit[i] + "<br>");
    document.write("<hr>");
   }

   //# 추가
   fruit.push(true);
   fruit.push('포도');
   fruit.push(30);

   for(let i=0;i<fruit.length;i++){
    document.write("fruit["+i+"]"+fruit[i]+"<br>");
   }




    </script>
</head>
<body>
    
</body>
</html>
profile
개린이입니다...

0개의 댓글