자바스크립트 배열

자바스크립트 배열

 

📌 배열

자료를 묶어서 활용할 수 있는 특수한 자료

 

📌 배열 요소에 접근하기

배열[인덱스]

 

📌 배열 요소의 갯수

배열.length

 

📌 배열 요소 추가

배열.push(요소)

 

📌 특정 위치에 요소 추가

배열.splice(인덱스, 0, 요소)

두번째 매개변수에 0을 입력하면, 배열에 아무것도 제거하지 않는다는 뜻으로 3번째 매개변수를 추가하고 싶다는 의미가 된다.

즉, 인덱스 위치에 아무것도 제거하지 않고 요소를 추가하고 싶다.

>const itemsD = ['사과', '귤', '바나나', '오렌지']
undefined

>itemsD.splice(1,0,'양파')
[]
>itemsD
(5) ['사과', '양파', '귤', '바나나', '오렌지']

---

📌 배열 요소 제거

배열.splice(인덱스, 제거할 요소의 갯수)

splice가 '접합'의 의미 일부분을 제거하고 접합한다.

 

> const itemsA = ['사과','배','바나나']
undefined

> const index = itemsA.indexOf('바나나')
undefined
> index
2

> itemsA.splice(index, 1)
['바나나']

> itemsA
(2) ['사과', '배']

 

📌 filter()메소드로 요소 제거

> const itemsE = ['사과','배','바나나','귤','귤']
undefined
> itemsE.filter((item) => item !== '귤')
(3) ['사과', '배', '바나나']
0: "사과"
1: "배"
2: "바나나"
length: 3

---

📌 비파괴적 처리

> onst a = '안녕'
undefined
> const b = '하세요'
undefined

> c = a + b
'안녕하세요'
> c
'안녕하세요'

> a
'안녕'
> b
'하세요'

 

📌 파괴적처리

> onst array = ['사과','배','바나나']
undefined
> array.push('귤')
4

> array
(4) ['사과', '배', '바나나', '귤']

 

과거에는 컴퓨터 메모리가 많이 부족해 프로그래밍 언어와 라이브러리들은 최대한 메모리를 절약해서 사용하는 방식으로 설계되었다. 따라서 배열과 같이 거대해질 수 있는 자료는 메모리를 절약할 수 있게 대부분 '파괴적 처리' 로 이루어졌습니다. 파괴적 처리는 메모리를 절약할 수 는 있으나, 원본이 사라지기 때문에 위험할 수 있습니다.

---

참고한 책 : 혼자 공부하는 자바스크립트