[BoostCourse] 웹개발 3-1. JavaScript 배열 조작하기

[BoostCourse] 예약관리시스템: 메인페이지

 JavaScript - FE

 예약관리시스템: 메인페이지 프로젝트는 Spring Framework의 설정, MVC 패턴, 기존에 구축된 데이터 모델을 이용한 API 작성도 중요하지만 

View Layer에서 HTML, JavaScript도 해야할 작업이 많이 있다.

 여기서는 JavaScript의 역할은 사용자의 요청(Request)를 받아 Ajax 통신으로 Controller로 전달하는 일과 Contoller에서 응답(Response) 값을 배열(Array) 또는 객체(Object)타입으로 받아 HTML로 필요한 데이터를 출력하는 역할을 한다.

 정리하자면 JavaScript는

 1. 사용자의 요청(Request)를 받아 서버로 필요한 기능을 호출한다.

 2. 서버에서 응답(Response)한 값(Array 또는 Object)을 화면(HTML)에 데이터를 전달한다.

 두 가지의 작업을 하게 된다.

이러한 작업을 하기 위해서 배열(Array)과 객체(Object)를 조작하는 법을 배울 것이다.

 - 배열은 index를 주로 사용할때 사용

 - 객체는 key값을 주로 사용할 때 사용

 여기서는 배열의 선언, 주로 사용하는 함수, 탐색방법에 대해 알아본다.

[배열(Array)의 선언]

[배열의 함수]

[함수의 탐색]

 기존에 존재하는 for문이나 while문 외에 동적으로 사용할 수 있는 함수

 - forEach()

 - map()