화면구현/HTML

HTML 배열

psys 2020. 6. 18. 10:25
728x90

배열

자바스크립트 배열은 제약사항이 없음.

1) 데이터 형도 섞어 담아도 됨

2) 초기에 크기지정 없어도 됨

 

빈 배열선언

var v_arr = [];

 

배열 선언과 초기화

<script>
    var v_arr = ["aaa",3,4,"kkk"];
    alert("갯수는 "+v_arr.length);
    alert(v_arr[0]);
</script>

 

 

배열 다뤄보기

>> 배열에 값 넣기

<script>
    var v_arr1=[];
    for(var i=0;i<10;i++){
        v_arr1[i]=(i+1);
    }
    alert(v_arr1);
</script>

 

>> 배열에 값 넣기_더 좋은 방법

빈 배열을 다루는 것이기에

점점 값을 넣을 수록 배열의 길이가 증가되는 특징을 활용

<script>
    var v_arr1=[];
    for(var i=0;i<10;i++){
        v_arr1[v_arr1.length]=(i+1);
    }
    alert(v_arr1);
</script>

 

3) 배열의 길이

<script>
    var v_arr1=[];
    for(var i=0;i<10;i++){
        v_arr1[v_arr1.length]=(i+1);
    }
    alert(v_arr1[v_arr1.length-1]);
</script>

 

4) 배열 속의 배열

>> 방법1

<script>
    var v_arr1=[];
    for(var i=0;i<10;i++){
        v_arr1[v_arr1.length]=(i+1);
    }
    var v_arr2=["aaa",["bbb","ccc",272]];
    alert(v_arr2[1][1]);
</script>

>> 방법2

<script>
    var v_arr1=[];
    for(var i=0;i<10;i++){
        v_arr1[v_arr1.length]=(i+1);
    }
    var A = ["bbb","ccc",272];
    var v_arr2=["aaa",A];
    alert(v_arr2[1][1]);
</script>

 

 

'화면구현 > HTML' 카테고리의 다른 글

HTML 배열과 JSON  (0) 2020.06.18
JSON(JavaScript Object Notation)  (0) 2020.06.18
HTML 변수의 이해  (0) 2020.06.18
HTML 기본 컴포넌트  (0) 2020.06.18
HTML Scrip  (0) 2020.06.17