JSFiddle - React, Tailwind, and code Playground

by egoing

HTML

<script type="text/javascript">
    // firstArray라는 변수에 apple, orange, mango 값이 들어있는 배열을 생성해서 담는다.
    var firstArray = new Array('apple', 'orange', 'mango');

    // 배열의 데이터에 엑세스 할 때는 '[인덱스]'를 사용함, 인덱스(index)는 0부터 순차적으로 올라감
    alert('첫번째 값은' + firstArray[0]);

    // 배열에 저장된 데이터의 수는 배열.length; 를 통해서 알 수 있음.
    alert('저장된 배열의 수는 ' + firstArray.length);

    // 배열에 값을 추가할 때는 배열.push('새로운 값')을 통해서 할 수 있음.
    firstArray.push('tangerine');
    alert(firstArray);

    var removed = firstArray.shift();
    // 첫번째 원소를 제거한 후에 이를 리턴
    alert(removed);
    alert(firstArray);

    // 배열과 반복문,조건문을 조합해서 사용하는 예
    // 조건물을 이용해서 마지막 항목에는 ','를 찍지 않는다.
    for (var i = 0; i < firstArray.length; i++) {
        document.write(firstArray[i]);
        if (i < firstArray.length - 1)
            document.write(',');
    }

    // 배열을 이용하면 한줄에!
    document.write('<br />');
    document.write(firstArray.join(','));
</script>