2022-08-16 JS_4

2022. 8. 17. 00:30FE/JavaScript

 

배열 - 생활코딩

소스코드 변경사항

opentutorials.org

 

이 글은 이고잉님의 오픈튜토리얼 강의를 듣고 정리한 내용입니다.

 


배열

 

배열 선언

...
<script>
    var array = ["one", "two"];
</script>
...

 

 

배열에 값을 추가하는 법

...
<script>
    array.push("three");
</script>
...

 

 

 

Array - JavaScript | MDN

JavaScript Array 클래스는 리스트 형태의 고수준 객체인 배열을 생성할 때 사용하는 전역 객체입니다.

developer.mozilla.org

 

push() 외에도 pop() , shift() , unshifth() 등의 기능도 제공한다.

 

  • pop() : 가장 뒤에 값을 반환하고 삭제 그리고 전체 길이는 줄어듬.
  • shift() : 가장 앞에 값을 반환하고 삭제 그리고 순서를 한 칸씩 앞으로 당김.
  • unshift() : 가장 앞에 값을 추가하고 그리고 순서를 한 칸씩 뒤로 미룬다.

 

그 외에도 없는 기능이 없을 정도로 많은 기능을 제공하고 있으니 힘들게 직접 작성하기 전에 살펴보도록 하자.

 

 

배열에서 값을 가져오기

...
<script>
    document.write(array[0]);
    document.write(array[1]);
</script>
...

대부분의 다른 언어들과 같이 JS에서도 배열은 0에서부터 시작한다.

 

 

배열의 크기

...
<script>
    document.write(array.length);
</script>
...

.length를 통해서 배열의 크기를 알 수 있다.

 

 

 


반복문

 

while

...
<script>
    while(condition) { ... }
</script>

 

for

...
<script>
    for(var i = 0; i < 9; i++) { ... }
</script>
...

'FE > JavaScript' 카테고리의 다른 글

2022-08-22 JS_6  (0) 2022.08.22
2022-08-18 JS_5 (배열, 반복문, 콘솔, 함수)  (0) 2022.08.19
2022-08-14 JS_3  (0) 2022.08.16
2022-08-14 JS_2  (0) 2022.08.14
2022-08-12 JS_1  (0) 2022.08.14