JS_기본문법 (5)_배열 1

배열을 다룰 때는 CRUD를 확인하면 된다.

Create, Read, Update, Delete

(생성, 읽기, 수정, 삭제)

 

JS 배열의 CRUD를 알아보자

 

Create

 

1. 초기화와 선언 동시에

const arr1 = [1,2,3,4];
const arr2 = [1,'2',3,'4'];

객체와 마찬가지로

배열도 그 자체를 새로운 것으로 덮어버리는 경우가 거의 없으므로

const로 상수 선언을 주로 해준다.

 

배열 안 요소들의 자료형은 통일되지 않아도 된다!

 

 

2. 객체로 선언 (초기화X 선언)

const arr = new Array()

배열을 객체로 선언할 수 있다!

이 경우에는 초기화를 하지 않은 빈 배열이다.

 

위의 과정을 거친 후 아래와 같이

어떠한 특정 인덱스만 값을 넣어준다면,

const arr = new Array() //비어있는 배열 선언 주된 방법
arr[1] = 1;
console.log(arr)

>>>
[ <1 empty item>, 1 ]

비어있는 인덱스에는

undefined 객체가 들어간다.

 

Read

const arr = new Array()

arr[0] = 1;
arr[1] = 2;
console.log(arr[0], arr[1], arr[arr.length -1])

>>>
1 2 2

인덱싱을 통해 배열의 값을 읽어줄 수 있다.

 

주의할 파이썬과 다른 점은

"-1"이라는 인덱스로 배열의 마지막 요소에 접근할 수 없다.

따라서 "(배열의 길이) -1" 을 인덱스로 넣어서 접근해주면 된다!

 

Update

const arr = [1,2,3];

arr[0] = 2;
console.log(arr);

>>>
[2,2,3]

인덱스에 접근해서 값을 할당시킨다.

 

마지막 인덱스에 추가

"배열.length"를 이용하여 마지막 인덱스에 값을 추가한다.

 

const arr = [1,2,3];

arr[arr.length] = 4;
console.log(arr);

>>>
[1,2,3,4]

혹은 "push" 메서드를 이용한다.

const arr = [1,2,3];

arr.push(4);
console.log(arr);

>>>
[1,2,3,4]

 

첫 번째 인덱스에 추가

"unshift" 메서드를 이용해 값을 추가한다.

const arr = [1,2,3];

arr.unshft(0);
console.log(arr);

>>>
[0,1,2,3]

 

Delete

.splice()메서드를 이용해준면 특정 요소를 삭제할 수 있다.

배열.splice(시작인덱스, 개수)

 

const arr = [1,2,3,4,5];
arr.splice(1,3);
console.log(arr);

>>>
[1, 5]

splice를 하면 해당 배열에 곧바로 적용이 된다.

(새로운 공간 만드는 것 X)

 

---

배열 안 요소

JS의 배열도 파이썬처럼

다양한 데이터타입을 아이템으로 가질 수 있다.

 

number, string, null 등을 한 배열 안에 넣을 수 있고,

 

객체도 아이템으로 가질 수 있다.

const arr = [
    {a: '1', b:10},
    {a: '2', b:20}
];
// { } 중괄호는 객테 리터럴을 통한 객체로 인지

 

배열 안의 배열, n차원 배열도 물론 가능하다.