JavaScript 강의

1-12 (중요)배열

kagan-draca 2024. 8. 12. 20:38

 

배열 : 값들을 나열한다

 

배열 생성 방법

 

1. let 배열 = [~~~,~~~,~~~]

 

 

위와 같이 배열을 생성하면

생성 및 값의 초기화를 동시에

할 수 있다.

2. let 배열 = new Array(원하는 크기 숫자)

 

위와 같이 배열을 생성하면

생성만 수행해서 빈 배열이 만들어진다.

 

 

배열 접근 방법

 

1. 배열[index]

 

배열[index]를 사용해서 배열 안에 있는

값을 호출할 수 있다.

 

2. 배열.forEach((element)=>)


배열.forEach((element)=>

{

 

})를 사용해서 배열 안 요소(element)에

접근해 요소를 사용할 수 있다.

 

(중요)배열 관련 함수

 

1. 배열.push(요소 값) : 배열에 요소 추가 함수(맨 뒤에 요소 추가)

 

push(요소 값)으로 배열 맨 뒤에 새로운 요소를 추가할 수 있다.

 

2. 배열.unshift(요소 값) : 배열에 요소 추가 함수(맨 앞 요소 추가)

 

unshift(요소 값)으로 배열 맨 앞에 새로운 요소를 추가할 수 있다.

 

3. 배열.pop() : 배열에 요소 삭제 함(맨 뒤 요소 삭제)

 

pop() 함수를 사용해 배열의 맨 뒤 요소를 삭제할 수 있다.

 

4. 배열.shift() : 배열에 요소 삭제 함수(맨 앞 요소 삭제)

 

shift() 함수를 사용해 배열의 맨 앞 요소를 삭제할 수 있다.

 

5. 배열.splice(시작 index, 지울 개수, 갈아 끼워 넣을 요소) :  

시작 index 부터 개수 만큼 지우고 요소가 있다면 시작 index부터 갈아 끼워준다.


splice() 함수
를 사용해 특정 위치의 요소부터 

지울 개수 만큼 지우고, 갈아 끼워 넣을 요소를 넣을 수 있다.

 

splice를 활용하면,

 

 

위와 같이 특정 위치에서 원하는 개수 만큼 삭제도 가능하다! 

                   (활용 가능성이 무궁무진하다)

 

6. 배열.slice(시작 index, 끝 index) :   시작 index부터 끝 index - 1까지  자른 배열 반환

slice를 사용해서 시작 index 부터 끝 index - 1 까지 자른 배열을 반환한다.

 

(중요)배열 요소 탐색 함수

 

1. 배열.forEach((element)=>

{

})

 

각 요소에 접근 가능

 

forEach문으로  매개변수 자리에 콜백 함수를 넣어

요소에 접근할 수 있다.

 

2. 배열.map((element, index, array)=>

{

return

})

 

각 요소에 어떤 작업을 한 새로운 배열

 

 

 

map 함수를 사용하면 각 요소에 어떤 작업을 한

새로운 배열을 반환 받을 수 있다.

 

(항상 원본 배열의 길이 만큼 return 된다)

 

3. 배열.filer((element, index, array)=>

{

return 조건(==, ===, >, >= , <, <=, 등등)

})

 

반환 조건에 맞는 요소만 반환한 새로운 배열

 

 

filter 함수를 사용해서 return 조건에 맞는 요소(element)만

반환시킬 수 있다.

 

4. 배열.find((element, index, array)=>

{

return 조건(==, ===, >, >= , <, <=, 등등)

})

 

반환 조건에 맞는 첫 번째 요소만 반환하는 함수

 

find함수를 사용해서 return 조건에 첫 번째

요소(element)만 반환시킬 수 있다.