• 배열 객체 -> push / pop 메소드를 이용한 데이터 관리 : Stack

nums.push(5); var n1 = nums.pop(); alert(nums)l alert(nums);

nums.push(10); var n2 = nums.pop(); alert(nums)l alert(nums);

nums.push(21); var n3 = nums.pop(); alert(nums)l alert(nums);

-> 5 10 21 이 적재된상태에서 맨위에있는 21부터 꺼서 반환하게된다. pop을 통해 호출된 값은 사라진다 다음 pop 값이나오고 그다음값이 나오게된다. 마치 짐을 쌓았다가 위에서 부터 가져가는 형태를 stack 데이타라고한다.

  • 인덱스를 이용한 데이터 관리 : List
<!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> 
    <script src="main.js"></script>
</head>
<body>
    <script>
        var nums = new Array();

        nums.push(3);
        nums.push(12);
        nums.push(56);

        console.log(nums);

        var n1 =nums.pop();

        console.log("n1:"+n1 +", " +nums);

    </script>
</body>
</html>

콘1

->맨뒤에 적재된 56이 꺼내지고 3과 12가 나오는걸 볼수있다.

<!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> 
    <script src="main.js"></script>
</head>
<body>
    <script>
        var nums = new Array();

        nums[3] =57;

        console.log(nums);

    </script>
</body>
</html>

콘2 -> 3개가 비어져있고 57이 출력이된다. 그리고 총길이는 4이다.

  • 배열 객체 초기화 자바스크립트 배열은 항목이 단일한 값을 가지지않는다. (유연하다.)

var nums = new Array(); var nums = new Array(5); var nums = new Array(5,10,21);

var nums = new Array(5, 10, 21, “hello”); alert(typeof nums[3]) -> nums[3]의 타입을 알아보는도구

var nums = new Array(5,10,21, “hello” , new Array(2,3,4)); -> 숫자 3의 위치를 알아보려면 ? alert(nums[4][1]);

  • splice() 메소드를 이용한 데이터 관리 : List

var nums = new Array(5,10,21,”hello”) nums.splice(1) -> 1번째이후로 다지워라 nums.splice(1,1) -> 1번째위치에서 하나만 지워 nums.splice(1,2) -> 1번째위치에서 두개 지워라. nums.splice(1,1, “hoho”) -> 1번째위치에서 지우고 hoho를 대체해라.

댓글남기기