# 배열 - push, pop, unshift, shift

```javascript
var body = document.body;//document.body를 통해서 화면(document)에 접근할 수 있다

var 숫자후보 = [1,2,3,4,5,6,7,8,9];
var 숫자배열 = [];

for (var i =0; i <4 ;i += 1) {
    //var 뽑은것 = 숫자후보.pop();뒤에서부터 뽑는다.
    var 뽑은것 = 숫자후보.shift();//앞에서부터 뽑는다. 1,2,3,4 순서대로 추출
    숫자배열.unshift(뽑은것);//앞에서부터 넣는다. 4 3 2 1 순서대로 넣음.
}
console.log(숫자배열);
var fform = document.createElement('form');
document.body.append(fform);

var 입력창 = document.createElement('input');
입력창.type = 'number';//이렇게 해줘도 입력창.value는 숫자로 되지 않는다.
fform.append(입력창);//document>body가 아니라 form 하위에 만들어줘야하기 때문에.

var btn = document.createElement('button');
btn.textContent = '입력';//태그 안에 들어가는 글자.
fform.append(btn);

var result = document.createElement('div');
document.body.append();

fform.addEventListener('submit',function(){

});
```

![push\&pop 결과](https://3069911685-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFKMbS0CFfmWE-ZVZpY%2F-MFRRaYUxfakpEXx2KYX%2F-MFRUrv7E-yRaLbPtgFj%2Fpop%20%E1%84%80%E1%85%A7%E1%86%AF%E1%84%80%E1%85%AA.png?alt=media\&token=10dfa650-ff92-44b4-ab73-b81ec9a6e6c2)

![unshift\&shift 결과](https://3069911685-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFKMbS0CFfmWE-ZVZpY%2F-MFRVRsHXmxlU4yIUha9%2F-MFRVroIDjGhuJXgSd3E%2Funshift%2C%20shift%20%E1%84%80%E1%85%A7%E1%86%AF%E1%84%80%E1%85%AA.png?alt=media\&token=bdca42b0-ea88-4e99-a5b3-20c72c2ad53d)