JS(Vanilla)

배울 내용

배열

전체코드 1

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        var styles = ["Jazz", "Blues"];
        styles.push("Rock-n-Roll");
        var a = styles.length;
        var b = parseInt(a/2+1);
        styles[b] = 'Classics';
        document.write(styles[0]);
        styles.unshift("Rap", "Reggae");
    </script>
</body>
</html>

JS 부분 1

var styles = ["Jazz", "Blues"];
    styles.push("Rock-n-Roll");
    var a = styles.length;
    var b = parseInt(a/2+1);
    styles[b] = 'Classics';
		styles.unshift("Rap", "Reggae");
    document.write(styles);

배열

이외 기타 기초 문법들은 JavaScript 기초 를 참고한다.

값 추가/삭제

배열의 맨 뒤에 값을 추가/삭제하려면 .push(), .pop()을 사용하고,

맨 앞에 값을 추가/삭제하려면 .unshift(), .shift()를 사용한다.

styles.unshift("Rap", "Reggae");

"Rap", "Reggae"를 배열 맨 앞에 추가한다.