자바스크립트는 타입이 명시적으로 사용되지 않음

대괄호로 생성

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var arr = [1,2,3];
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        
        console.log(arr);
    </script>
</body>
</html>

push

리스트의 add 역할

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        var arr = [1,2,3];
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        
        arr.push(4);
        
        console.log(arr);
        
        
    </script>
</body>
</html>

new Array()로 생성

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
//        var arr = [1,2,3];
        var arr = new Array(1,2,3);
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        
        arr.push(4);
        arr.push(5);
        arr.push(6);
        
        console.log(arr);
        
        
    </script>
</body>
</html>

자바의 배열보다 중요도가 높다

pop()

가장 뒤에 있는 요소 삭제

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
//        var arr = [1,2,3];
        var arr = new Array(1,2,3);
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        
        arr.push(4);
        arr.push(5);
        arr.push(6);
        
        console.log(arr);
        
        arr.pop();
        console.log(arr);
        
        
    </script>
</body>
</html>

pop은 인자값은 없지만 리턴값은 가짐

pop된 데이터가 리턴

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
//        var arr = [1,2,3];
        var arr = new Array(1,2,3);
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        
        arr.push(4);
        arr.push(5);
        arr.push(6);
        
        console.log(arr);
        
        var data = arr.pop();
        console.log(arr);
        console.log(date);
        
        
    </script>
</body>
</html>

앞쪽에 집어넣거나 꺼내기

 

shift()

첫번째 데이터를 뽑아내기

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
//        var arr = [1,2,3];
        var arr = new Array(1,2,3);
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        
        arr.push(4);
        arr.push(5);
        arr.push(6);
        
        console.log(arr);
        
        var data = arr.pop();
        console.log(arr);
        console.log(data);
        
        data = arr.shift();
        console.log(data);
        console.log(arr);
        
    </script>
</body>
</html>

unshift

앞쪽에 넣기

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
//        var arr = [1,2,3];
        var arr = new Array(1,2,3);
        console.log(arr[0]);
        console.log(arr[1]);
        console.log(arr[2]);
        
        arr.push(4);
        arr.push(5);
        arr.push(6);
        
        console.log(arr);
        
        var data = arr.pop();
        console.log(arr);
        console.log(data);
        
        data = arr.shift();
        console.log(data);
        console.log(arr);
        
        arr.unshift(7);
        
        console.log(arr);
    </script>
</body>
</html>

 

'디지털 컨버전스 > Java Script' 카테고리의 다른 글

[Javascript] 배열 > join / reverse / slice / indexOf  (0) 2020.04.14
[Javascript] 배열 예제  (0) 2020.04.13
[Javascript] 예제 - 입력값 가져오기  (0) 2020.04.13
[Javascript] Event  (0) 2020.04.13
[Javascript] function  (0) 2020.04.13

+ Recent posts

티스토리툴바