[JavaScript] Array(배열)

🗣️ Programming Language/JavaScript

[JavaScript] Array(배열)

kimgoat 2023. 12. 27. 16:09

배열 요소에 접근하기

배열 요소 갯수 확인하기

배열 뒷부분에 요소 추가하기

배열 특정 위치에 요소 추가하기

배열 요소 제거하기

index.html

<!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>Array</title>
</head>

<body>
    <script>
        console.log("배열 요소에 접근하기: 배열[인덱스]");
        const str = 'hi?!';
        console.log(str);
        console.log("str[2]: " + str[2]);
        console.log("");

        console.log("배열 요소 개수 확인하기: 배열.length");
        const fruits = ['apple', 'banana', 'remon', 'berry'];
        console.log(fruits);
        console.log("fruits.length: " + fruits.length);
        console.log("");

        console.log("배열 뒷부분에 요소 추가하기: 배열.push(요소)");
        const todos = ['과제하기', '밥먹기', '집에 가기'];
        console.log(todos);
        console.log(todos.push("잠자기"));
        console.log(todos);
        console.log("");

        console.log("배열 특정 위치에에 요소 추가하기: 배열.splice(인덱스, 0, 요소)");
        const todos2 = ['과제하기', '밥먹기', '집에 가기'];
        console.log(todos2);
        todos2.splice(1, 0, "잠자기");
        console.log(todos2);
        console.log("");

        console.log("배열 요소 제거하기");
        console.log("1. 인덱스로 요소 제거: 배열.splice(인덱스, 제거할 요소의 개수)");
        const itemsA = ['apple', 'remon', 'banana'];
        console.log(itemsA);
        console.log(itemsA.splice(2, 1));
        console.log(itemsA);

        console.log("2. 값으로 요소 제거: 배열.splice(인덱스, 제거할 요소의 개수)");
        const itemsB = ['apple', 'remon', 'banana'];
        const index = itemsB.indexOf('banana');
        console.log(itemsB);
        console.log(itemsB.splice(index, 1));
        console.log(itemsA);
        console.log("");


    </script>
</body>

</html>