본문 바로가기

6개월 대장정/JAVASCRIPT 개념

42일차 - [JS] 반복문(1), 배열(array)

반응형

안녕하세요. pitang입니다.

for문과 배열(array)에 대해 알아보겠습니다.

 

for 반복문

for 반복문은 원하는 횟수만큼 반복하고 싶을 때 사용한다.

 

사용방법은 아래와 같다.

for(초기식; 조건식; 종결식) { 문장 }

 

ex1)

56loop-for.html
console

 

ex2)

57loop-for.html - console

 

ex3)

58loop-for.html
console

 

ex4)

59loop-for.html
console

 

ex5)

60loop-for.html
console

 

ex6)

61loop-for.html
console
console

 

ex7)

63loop-for.html - console

 

배열(array)

배열은 변수 여러 개를 한꺼번에 다룰 수 있는 자료형이다.

 

자바스크립트에는 숫자, 문자열, 불린, 함수, 객체, 정의되지 않은 자료형까지 총 6개가 있다. 

배열은 객체의 일종이고, 배열 내부에 입력된 자료 하나하나를 요소라고 한다.

배열 내부에 다양한 자료형을 입력할 수 있고, 배열 전체를 출력하면 요소가 순서대로 표시된다.

 

arr = []; 과 같이 생성한다. 대괄호 내부의 각 자료는 쉼표로 구분한다.

 

push() - 마지막 값을 추가

pop() - 마지막 아이템 삭제

splice(시작인덱스, 삭제할 개수) - 중간 아이템 삭제

splice(시작인덱스, 삭제할 개수, 추가할 아이템...) - 중간 아이템을 추가

arr[인덱스] - 중간 아이템 값을 변경

 

ex1)

64array.html - console

 

ex2)

65array.html
console

 

ex3)

66array.html - console

 

ex4)

67array.html
console

 

ex5) 배열, for문 이용

68array.html - console

 

ex6)

69array.html
console

-> 추가하고 출력하면 console 창에 출력된다. 출력만 클릭하게 되면 지금까지 추가된 요소들만 출력된다.

 

 

 

 

 

감사합니다.

 

*m1 맥북을 사용 중입니다.*

728x90
반응형

'6개월 대장정 > JAVASCRIPT 개념' 카테고리의 다른 글

43일차 - [JS] 이벤트처리  (0) 2021.10.20
43일차 - [JS] 반복문(2), break, continue  (0) 2021.10.20
41일차 - [JS] 조건문  (0) 2021.10.19
41일차 - [JS] dom  (0) 2021.10.19
40일차 - [JS] 함수(function)  (0) 2021.10.18