자바스크립트 기본 문법 14 - 배열 3 : 배열 함수 개념 학습 및 실습 해보기

이어서 배열 관련 실습을 진행해보겠다. 오늘은 오후에 중요한 일정이 있어서 아침 공부는 많아야 1시간밖에 더 하지 못할 것 같다. 할 수 있는데까지 열심히 해볼 것이다.

---

 

 

 

배열 함수 실습해보기

 

1. JS 파일 만들고 HTML 문서와 연결하기

---

 

 

 

2. 배열 생성하기

출력이 잘 되는 것을 확인했다.

---

 

 

 

3. 배열의 마지막 요소 추가하기

---

 

 

 

4. 배열의 마지막 요소 삭제하기

 

마지막에 추가한 정안나라는 이름이 다시 삭제되었다.

---

 

 

 

5. 첫 번째 인덱스 데이터 추가

 

맨 앞에 이영훈이 추가되었다.

---

 

 

 

6. 첫번째 인덱스 데이터 삭제

 

삭제된 것을 확인했다.

---

 

 

 

 

특정 위치의 데이터를 추가 또는 삭제하기

 

 

1. 특정 위치의 데이터 추가하기

 

삭제하지 않을 때는 두번째 매개변수에 0을 써넣는다. 이제 삭제하는 코드도 작성해보겠다.

---

 

 

 

 

2. 특정 위치의 데이터 삭제하기

 

드디어 해결되었다. splice로 삭제가 되지 않아서 한참을 고민하고 코드를 다시 작성하기를 반복했다. 여기서 살펴보면 2번째 요소인 양미나가 삭제되었음을 확인할 수 있다.

---

 

 

 

3. 특정 위치에서 데이터 추가 또는 삭제하기

 

두 사람이 모두 추가되었다.

---

 

 

 

 

배열 관련 함수에 대하여

 

---

 

 

 

학습을 마치고

뒷 부분에 배열 미션 문제가 하나 있어서 함께 끼워서 작성하려고 했는데 코드가 무척 길고 풀이 과정만 1시간 가까이 걸리는 문제나 다음 포스트에 작성하기로 했다.

아침에도 공부하는 일이 정말 힘이 부쳤지만 그래도 시작한 공부를 마무리해본다. 배열 함수도 그동안 새롭게 배우게 된 내용이었다.