[💻 코드스테이츠 FE 44기] 부트캠프 - 배열, 과제 풀기

✔️ 시작

배열에 대해 배우는 날이다 오늘은 페어 활동으로 같이 문제를 푸는게 있어
이번엔 도움이 되고자 전 날 미리 예습했다.

📍Array(배열)

let arr = [1, "string", true, object, function];

• 순서가 있는 값
• [,], 쉼표로 구분해 준다.
• number, string, boolean, object, function 등 다양하게 들어갈 수 있다.
• 값(요소:element), 순서(인덱스:index - 0부터 번호를 매긴다.)

조회하는 방법

let num = [1,2,3,4,5];
num[1]; //2
num[3]; //4
// 0부터 숫자를 센다.

값 변경을 원할 경우

let num = [1,2,3,4,5];
num[1] = 100; // 1,100,3,4,5

❗️배열은 중첩이 가능하다.(2차원 배열)

let num = [[0,1][2,3],[4,5]];
num[1]; // 2,3
num[1][0]; // 2 (인덱스를 컴마 없이 이어 붙인다.)

📍메서드

✔️ 추가, 삭제

• push() : 배열 맨 끝에 값 추가
• pop() : 배열 맨 끝의 값 삭제
• unshift() : 배열 맨 앞의 값 추가
• shift() : 배열 맨 앞의 값 삭제

let num = [1,2,3,4,5];

num.push(6); // 1,2,3,4,5,6
num.pop(); // 1,2,3,4
num.unshift(0); // 0,1,3,4,5
num.shift(); // 1,2,3,4,5

✔️ 길이 구하기

• length : 배열의 길이를 구할 수 있다.

let num = [1,2,3,4,5];

num.length; // 5

✔️ 배열인지 아닌지 판단(boolaen)

• Array.isArray(객체 또는 변수명) : boolean으로 반환
• typeof는 object, array를 구분하지 못하고 object로 출력한다.

let arr = [1,2,3,4,5];
let str = "hi";

Array.isArray(arr); // true
Array.isArray(str); // false

✔️ 여러 메서드

• indexOf() : 특정 값이 배열에 포함되어 있는지 확인
• slice(시작, 종료) : 시작부터 종료 index까지 값을 복사한다.
• splice(시작, 몇개 값 삭제, 추가할 값) : 배열로 부터 특정 범위를 삭제/추가 할 수 있다.
• concat(arr1, arr2) : 배열을 합쳐서 새 배열로 반환한다.
• forEach() : 배열 반복
• filter() : 만족하는 모든 요소를 배열로 반환
• reverse() : 역순으로 재정렬
• map() : 함수를 받아 특정 기능을 시행하고 새로운 배열을 반환
• join() : 배열을 연결

✏️ 마치며

배열 기초 부터 중급까지 여러 기능들을 배웠다.
이번 페어 활동을 통해 잘 알고 있지 않았던 for~to, spread syntax 등을 알게 되었다. 이런 메서드를 사용해 좀 더 깔끔한 코드를 만들 수 있는 것 같다.

페어님이 설명도 잘해 주셔서 이해하기 어려운 부분도
쉽게 이해할 수 있었다. 이번 문제 풀이는 어느 정도 도움이 된 거 같다.

다음에도 도움이 될 수 있도록 열심히 해 보자.