[JS] Array 배열

또띠·2023년 7월 25일
0

JavaScript

목록 보기
5/23
post-thumbnail
post-custom-banner

배열(Array)는 변수 안에 여러개의 이름이 추가로 들어가 있다고 생각하면 좋다.
매번 변수 파서 할당하고 이 짓을 반복할 수 없기에...
배열로 간단하게 변수들을 통에 넣을 수 있으므로 관리하기도 편하고 보기에도 좋다.

이전 글에서도 적었지만 객체(Object)는 중괄호'{ }'를 사용한다면,
배열은 대괄호'[ ]'를 사용한다.

Array (배열)

let fruits = ['사과','바나나','오렌지'];

[] 안에 넣고 싶은 내용을 쭈욱 나열하면 끝!
객체는 줄바꿈이 있지만 배열은 줄바꿈을 잘 안하는 것 같다.

1. 접근 방법은?

fruits[0]; // 사과
fruits[2]; // 오렌지

여기서 드는 의문점이 있겠다.
0...? 아니 1도 아니고 0부터 카운팅을 한다고? 😑

그렇다. 보통 언어들은 1이 아닌 0부터 카운팅을 한다고 한다.
따라서 맨 처음에 오는 사과에 접근을 하고 싶다면 []안에 1이 아닌 0을 적어야 된다. 반드시 기억!


2. 배열 내용을 바꾸고 싶어

간단하게 배열 내용에 요소를 추가 및 삭제를 하고 싶을때 사용하는 매소드들은 다음과 같다.

2-1. 추가 할래 ⭐️ push() ⭐️

fruit.push('딸기'); // let fruit = ['사과','바나나','오렌지','딸기'];

2-2. 제거 할래 ⭐️ pop() ⭐️

fruit.pop('바나나'); // let fruit = ['사과','오렌지','딸기'];

2-3. 첫번째 요소([0])에 추가 할래 ⭐️ unshift() ⭐️

fruit.unshift('망고'); // let fruit = ['망고','사과','바나나','오렌지','딸기'];

2-4. 첫번째 요소([0])를 제거 할래 ⭐️ shift() ⭐️

fruit.shift(); // let fruit = ['사과','바나나','오렌지','딸기']; -> 망고가 빠짐

참고로 shift()는 첫번째 요소를 삭제하는거라 ()안에 요소를 적을 필요가 없다!

2-5. 특정 위치에 끼워 넣고 싶어 ⭐️ splice(시작위치,삭제하려는 갯수,끼워 넣을 요소) ⭐️

fruit.splice(1,1, "샤인머스킷");

2-6. 특정 위치 요소만 가져오고 싶어 ⭐️ slice(시작위치,버릴위치) ⭐️

fruit.slice(1,2);

splice와 slice는 비슷하면서도 조금 다른데
splice는 끼워넣을 요소가 필요하지만 slice는 위치 지정 사이의 요소들을 가져온다.

좀 복잡하고 자세히 봐야하는 집중력이 필요한데 많은 연습을 통해 적응해 나가야겠다.😭

profile
✨ 𝑬𝒗𝒆𝒓𝒚𝒕𝒉𝒊𝒏𝒈 𝒄𝒐𝒎𝒆𝒔 𝒕𝒐 𝒉𝒊𝒎 𝒘𝒉𝒐 𝒉𝒖𝒔𝒕𝒍𝒆𝒔 𝒘𝒉𝒊𝒍𝒆 𝒉𝒆 𝒘𝒂𝒊𝒕𝒔. ✨
post-custom-banner

0개의 댓글