TIL 11: 배열

드디어 좀 바쁜 것들이 다 지나갔습니다. 주말에 자격증 시험도 보고 오늘 면접까지 봤는데요. 이건 부트캠프 지원 전에 신청해놨던 거라 어쩔 수 없이 다 도전해보았습니다! 둘 다 놓치면 아까운 경험인 것 같아서요..! 이제 정말 코딩 밖에 안남았으니 리프레시할 때는 헬스 좀 하고 그 외의 시간에는 코딩에 집중해보도록 하겠습니다ㅎㅎ 오늘 이틀치 쓰면 다시 원래 날짜로 따라잡을 수 있겠네요! 급하니 오늘까지만 기본모드로 작성하고 내일부터 마크다운 방식으로 작성해보려 합니다. 도전!!!

 

배열과 TIL 12에서 소개할 객체는 수많은 데이터를 한번에 처리할 수 있는 방법입니다. 예를 들면 우리 핸드폰에 있는 연락처를 생각해볼 수 있는데요. 연락처의 이름, 번호, 이메일 주소 등 대량의 데이터 들을 쉽게 다룰 수 있게 해줍니다. 배열과 객체는 이전에 배웠던 원시 타입(숫자, 문자열, boolean, undefined)와 달리 참조타입(reference type)입니다. 참고로 배열과 객체는 각각 파이썬에서의 리스트와 딕셔너리와 비슷한 것 같습니다. 그래서 제일 기초가 되는 부분은 제외하고 파이썬과 다른 부분이나 새로운 부분에 대해 정리해보려고 합니다 (:

 

배열에는 어느 정도 공통적인 속성을 갖고 있는 데이터를 갖고 있는 경우가 많다보니 반복문 for문을 자주 사용하게 됩니다. 간단한 예를 들자면 배열 안에 있는 모든 요소(element)를 각각 출력을 하기 위해서는 일일이 하지 않고 for문으로 한번만 실행하는 걸 쓰면 가능합니다. 아래 예시를 보시면 좋을 것 같습니다!

let score = [56, 78, 98, 82, 43];
for (let n = 0; n < score.length; n++) {
  console.log(score[n]);
 }

 

Array Basic Method

원래 '배열 기초 메소드'라고 칠려고 했는데 매번 매소드 매서드 칠때마다 왜인지는 모르겠지만 좀 어색하더라구요! 그래서 앞으로는 그냥 Method라고 하려고 합니다ㅋㅋㅋ 저는 문제 풀 때 계속 헷갈렸던 부분이 mutable이냐 immutable이냐 이었습니다. 이 부분 앞으로 계속 주의하면서 공부해보려구요!

 

Array.isArray( ): 배열인지 아닌지 판별

Boolean값 리턴

 

push( ): 객체의 마지막 부분에 있는 요소(element)에 추가

새로운array 길이 리턴

 

pop( ): 객체의 마지막 부분에 있는 요소 삭제

삭제된 요소 리턴

 

unshift( ): 객체의 첫번째 요소에 추가

새로운 array 길이 리턴

 

shift( ): 객체의 첫번째 요소 삭제

삭제된 요소 리턴

 

위의 네가지 Method (push, pop, unshift, shift)가 제대로 정리가 안된 상태에서 이용할 때 저는 어떤 걸 리턴하는지가 좀 헷갈렸습니다. 근데 페어분께서 정리해주시니 바로 이해가 됐는데요! 추가하는 Method는 새로운 배열의 길이를 반환해주고, 삭제하는 Method는 삭제하는 요소를 반환해줍니다. 이 부분을 미리 기억하시고 사용하면 훨씬 빠르게 풀 수 있을 것 같습니다. 또한 위 method는 모두 mutable입니다. 기존의 배열이 method를 사용함으로써 바뀐다는 뜻입니다!

 

array.indexOf( ): 괄호 안에 있는 요소의 인덱스 값 알려줌

인덱스 값 존재하지 않는다면 -1. includes라는 method도 있지만 인덱스값까지 알려주지 않고 boolean으로만 알려줍니다. 또한 includes는 Internet explorer에서도 호환이 안되기 때문에 저는 잘 사용하지 않을 것 같아 따로 정리는 안했습니다.

 

array1.concat(array2): array1에 array2 합치기

array.slice(시작점, 마지막점+1): 시작점부터 마지막점까지만 출력

array.splice(인덱스, 대체할 개수, 대체할 내용): 요소를 지우기도 하고, 기존의 요소를 대체하기도 하며, 새로운 요소를 추가하기도 함.

concat과 slice는 immutable인 반면엔 splice는 mutable입니다. 

 

str.split(" ").join(" "): 문자열과 배열의 타입 변환을 돕는 method

split은 문자열을 " "를 기준으로 나누어서 배열의 요소에 추가하고, join은 배열을 " "를 사이에 끼고 문자열로 전환해줍니다. 둘 다 immutable입니다.