💻 Unit 9

배열

순서가 있는 요소를 저장 할때 쓰는 자료구조를 배열이라고 한다. 요소(element) , item

const arr = [2, 4, 5, 6, 7];

let fruits = ["망고", "파인애플", "참외"]

배열 기초

배열의 요소에는 0부터 시작하는 숫자(인덱스)가 매겨져 있다.
이 숫자는 배열내의 순서를 뜻한다.

fruit[0]
fruit[1]
fruit[2]

배열 내 특정 요소를 얻고 싶다면 대괄호 안에 숫자(특정 인덱스값)을 넣으면 된다.

♻ 배열의 반복

1. for 반복문

const fruits = ["망고", "파인애플", "참외"]

for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}
// 망고
// 파인애플
// 참외

for 반복문을 이용해서 배열안의 요소를 하나하나 출력

2. for of

const fruits = ["망고", "파인애플", "참외"]

for (let fruit of fruits) {
  console.log(fruits[i]);
}
// 망고
// 파인애플
// 참외

for of 를 통해 좀 더 간결하게 배열안의 반복을 할 수 있다.

3. .foreach()

arr.foreach()

foreach메서드를 통해 배열안의 각각 요소에다가 콜백 함수를 적용할 수 있다.

📕 배열 메서드

📌 pop push와 shift unshift

push 요소를 배열 뒤 요소로 추가 / 원본데이터 수정

= add to end

pop 배열 맨 뒤 요소 제거하고, 제거한 요소를 반환 / 원본데이터 수정

= remove from end

shift 배열 맨 앞 요소 삭제 / 원본데이터 수정

= remove from start

unshift 배열 앞 요소 추가 / 원본데이터 수정

= add to start

그외 메서드

slice 배열의 일부를 복사하는 방법 음수로 넣으면 배열 끝에서 부터 복사/ 원본데이터 그대료

arr.slice([start], [end])

splice 인덱스 값, 그인덱스에서 시작할 요소 지울 갯수 /끼워넣는 용도로도 사용 / 원본데이터 수정
삽입 제거

arr.splice(index[, deleteCount, elem1, ..., elemN])

let arr = [1, 2, 3, 4]

arr.splice(1, 1); // 인덱스 1에서 요소 1개를 제거

// [1, 3, 4]

let arr = ["I" , "am" , "ironman"]

arr.splice(0, 3, "I","am","hulk") // 인덱스 0부터 요소 3개를 제거 , 추가

// ["I", "am" , "hulk"]

concat (접합)두개의 배열데이터를 반환해서 새로운 데이터로 반환 원본의 데이터는 손상X

array.concat(array2)

includes 배열데이터에 한 요소가 배열 안에 있는지 없는지 판단해주는 메서드

indexOf 배열 요소 인덱스 값 배열이 없으면 -1

revese 배열 요소 순서를 뒤집어준다.

find 주어진 판별함수를 만족하는 첫번째요소의 값을 반환 / 콜백 함수의 반환값을 true로 만드는 단하나의 요소를 찾는다.

findIndex find와 동일하지만 해당요소의 인덱스값을 반환

length 배열 내용 길이

foreach 주어진 함수를 배열 요소 각각에 대해 실행

map 배열의 요소 전체를 대상으로 함수를 호출하고 , 호출 결과를 배열로 반환한다.

filter 콜백 함수의 반환값을 true로 만드는 여러개의 요소를 찾는다.