배열 (Array)에 관하여

이상철·2021년 8월 6일
0

JavaScript

목록 보기
4/12
post-thumbnail

배열(Array)이란,

여러 자료를 묶어서 활용할 수 있는 특수한 자료입니다.
또한, 여러 개의 변수(어떠한 데이터 타입도 할당가능.)를 한 번에 선언해 다룰 수 있는 자료형입니다.

이러한 특수한 자료형은 왜 필요할까요 ?

첫째, 연관있는 데이터를 함께 변수에 저장하므로 데이터를 찾는데 용이하기 때문입니다.
둘째, 단일 데이터가 아닌 다수의 데이터를 저장하기 위해입니다.
셋째, 이유는 반복문을 이용해서 요소들을 쉽게 처리하기 위해 사용합니다.
마지막으로는, 코드 절감 효과 즉 가독성이 높아집니다.

그렇다면 배열은 어떻게 선언할까요 ?

첫번째 방법은, 배열 리터럴 방식으로 선언

*리터럴 방식이란?
소스코드 안에서 직접 만들어 낸 상수 값 자체를 말하며 값을 구성하는 최소 단위

두번째 방법은, Array() 생성자를 통해 선언

배열의 값을 추가,수정,삭제 하는 방법

1. 배열의 값을 추가하는 방법.


배열도 객체와 마찬가지로 동적으로 요소를 추가 할 수 있습니다.
이때 순서에 맞게 값을 할당할 필요는 없고, 인덱스를 사용하여
필요한 위치가 값을 할당해줍니다.
배열의 길이(length)는 마지막 인덱스를 기준으로 산정되니 참고해주세요, 값이 할당되지 않은 인덱스 위치의 요소는 생성되지 않는다는 것에 주의하고 존재하지 않는 요소를 참조하면 undefined가 반환됩니다.

2. 배열의 값을 수정하는 방법

변경하고 싶은 값이 있는 인덱스 넘버를 이용해서
값을 새로 할당해준다면 값이 수정됩니다.

3. 배열의 값을 제거하는 방법

배열에서 요소를 제거하는 방법의 일반적인 방법은 2가지가 있습니다.
1.인덱스를 기반으로 제거하는 경우
제거할때는 Splice() 라는 메소드를 사용해서 제거를 해주는데요

2.값을 기반으로 제거하는 경우

마지막으로 배열의 메소드 몇가지..

1. push()

push() 메소드는 배열의 끝에 하나 이상의 요소를 추가할 수 있습니다.

2.Pop()

pop() 메소드는 배열의 마지막 요소를 제거하며, 제거된 요소를 반환합니다.

3.Filter()

filter() 메소드는 조건에 맞는 요소들만 모아서 새로운 배열을 반환해주는 메소드입니다.

만약 조건에 부합하는 요소가 없을 시 빈 배열을 반환합니다.
filter() 메소드도 크게 filter(콜백함수, thisAgr) 2개의 인자를 갖습니다.
그리고 첫번째 인자인 콜백함수 안에서 3개의 인자 (element, index, array)를 가지는데 첫번째 인자인 element만 필수로 지정해야하고, 나머지는 선택적으로 합니다.

4.Concat()

concat() 메소드는 주어진 배열에 기존 배열을 합쳐서 새로운 배열을 반환하는 메소드입니다.
-> 원본 배열은 변하지 않으며, 새로운 배열이나 원본 배열을 수정해도 서로 영향을 받지 않습니다.

5.Slice()

slice() 메소드는 배열 내의 특정한 요소의 index범위에 따라 새로운 배열을 리턴합니다.
-> 원본 배열을 변형시키지 않는 메소드입니다.
-> 그렇기 때문에 slice() 메소드 사용 시, slice메소드를 적용한 새로운 변수를 선언해주어야 합니다.

# 마지막으로

배열 타입은 데이터의 구조화를 통해 연관 정보를 보다 쉽게 관리할 수 있습니다. 하지만 무조건 여러개의 값을 가진다는 이유로 배열을 선언하기 보다는 타입을 선언할 때에는 데이터에 적합한 타입이 무엇인지 생각해보고 사용해야하며, 자료구조에 따른 좀 더 효과적인 타입이 무엇인지도 생각 할 필요가 있습니다.

profile
헤더부터 푸터까지!!!

0개의 댓글