배열 객체

<!-- 배열 객체 예제1 -->
<script type="text/javascript">
    var d=[30, "홍기동", true];
    document.write(d[0], "<br />");
    document.write(d[1], "<br />");
    document.write(d[2], "<br />");
 
    for(var i=0; i<3; i++) {
        document.write(d[i], "<br />");
    }
 
    for(var i=0; i<d.length; i++) {
        document.write(d[i], "<br />");
    }
 
    // for~in 문. 변수 i의 값은 0부터 배열 객체의 데이터 데이터 개수만큼 증가됨.
    for(var i in d) {
        document.write(d[i], "<br />");
    }
</script>
 
<!-- 배열 객체 예제2 -->
<script type="text/javascript">
    var num=["사당","교대","방배","강남"];
 
    document.write(num, "<br />");
    document.write(typeof num, "<br />");       // object 출력
 
    document.write(num.join("-"), "<br />");    // 기준문자("-")을 기준으로 배열 값들이 하나의 문자형 데이터로 결합됨.
    document.write(typeof num.join("-"), "<br />");       // string 출력
 
    document.write(num.reverse(), "<br />");    // 배열 객체 값 순서가 뒤바뀌어 출력됨.
    document.write(num.sort(), "<br />");   // 배열 객체 값들을 오름차순으로 정렬 후 출력.
</script>
 
<!-- 배열 객체 예제3 -->
<script type="text/javascript">
    var greenLine=["사당","교대","방배","강남"];
    var yellowLine=["미금","정자","모란","수서"];
 
    greenLine.splice(2,1,"서초","강남");
    document.write(greenLine,"<br />"); // 사당,교대,서초,역삼,강남 출력
 
    document.write(greenLine.slice(1,3), "<br />"); // 교대,서초 출력
</script>
 
<!-- 배열 객체 예제4 -->
<script type="text/javascript">
    var greenLine=["사당","교대","방배","강남"];
    var yellowLine=["미금","정자","모란","수서"];
 
    var twoLine=greenLine.concat(yellowLine);
    document.write(twoLine, "<br />");
 
    greenLine.pop();
    document.write(greenLine, "<br />");
    
    greenLine.push("삼성");
    document.write(greenLine, "<br />");
 
    greenLine.shift();
    document.write(greenLine, "<br />");
 
    greenLine.unshift("신도림");
    document.write(greenLine, "<br />");
</script>

 

 

소스 출처 : Do It! 자바스크립트+제이쿼리 입문 (정인용 지음, 이지스퍼블리싱)