javascript에서도 데이터를 관리하고 추가, 삭제 등 조작이 필요하다.
웹의 데이터를 클라이언트에서도 관리해야 하기 때문에 자료구조가 필요하다.
대표적으로 리스트 형태로 보관할 수 있는 배열, key와 value의 hash 구조로 되어 있는 객체가 있다.

new Array() 문으로 선언할 수도 있지만 보통은 간단히 [] 를 사용한다.
배열에는 length 속성이 있어 그 길이를 쉽게 알 수 있다.


배열에 원소 추가는 index 번호와 함께 추가할 수 있다.


배열은 push 메서드를 통해서 뒤에 순차적으로 추가할 수 있다.


배열의 여러가지 메서드도 모두 함수임으로 반환값이 존재한다.
주의할 점은 어떤 메서드는 새로운 배열을 반환하고, 어떤 메서드는 원래 배열의 값을 변경시킨다는 것이다.
예를 들어 concat은 원래 배열은 그대로 있고 합쳐진 배열은 새로운 배열을 반환한다.


배열 탐색 - (foreach, map, filter)
배열의 순회는 for문을 사용하거나, forEach와 같은 메서드를 통해서 할 수 있다.


forEach를 사용하면 배열의 길이를 체크하는 for문을 추가하거나 i++과 같은 증가시켜주는 코드가 필요 없다. 이부분은 자바스크립트 파서가 알아서 처리해준다. 결국 for문을 쓰면서 생길 수 있는 실수를 줄여준다. 그리고 코드의 가독성도 좋아서 읽기 편한 코드를 만들 수 있다.
map은 반환값이 있다. 반환되는 정보를 모아서 새로운 배열을 반환한다.




참고 : boostcourse https://www.boostcourse.org/web316/lecture/16745?isDesc=false
웹 프로그래밍(풀스택)
부스트코스 무료 강의
www.boostcourse.org
'boostcource > boostcourse_web programming' 카테고리의 다른 글
| DOM Node (0) | 2024.05.21 |
|---|---|
| javascript 객체 (0) | 2024.05.12 |
| Web Api -2 (1) | 2024.04.28 |
| Web API -1 (0) | 2024.04.28 |
| Web API (0) | 2024.04.27 |