오늘의 키워드📌

• 배열(Array)

1. 배열

const numbers = [1, 2, 3, 4]
const fruits = ['Apple', 'Banana', 'Cherry']
// 원소(Element): 1,2,3,4,'Apple','Banana','Cherry'

console.log(numbers)
console.log(fruits)

대괄호 []는 배열을 만드는 기호다. 대괄호 안에 데이터를 콤마 ,로 구분해서 나열하면 배열이 된다. 변수에 담긴 각각의 데이터를 원소, 요소(Element) 혹은 아이템(item) 이라고 부른다.

만약 위의 코드에서 numbers에 접근해서 숫자 2를 출력하고 싶다면? console.log(numbers[1])으로 작성하면 된다. 제로베이스에 의거하여 배열 인덱스는 0부터 시작하기 때문에 numbers[1]로 작성해주자. 대괄호 안에 숫자를 넣는 것을 색인(index)이라고 부른다.

이와 같이 배열 데이터에 접근해서 []를 사용하여 index에 숫자를 넣는것을 인덱싱(indexing)이라고 한다.

수업 중 메모 ✏️

• 객체를 생성하여 값을 할당하고 그 값을 복제하면 “값 자체”를 복제하는 것이 아니라 그 값이 위치한 ‘주소’를 복사한다. 객체 자료형을 “참조 자료형”으로 부르는 이유도 이와 같다.
• 함수는 여러차례 반복해야하는 코드 뭉치를 묶어서 하나의 이름으로 표현한것
• falsy = false, 0, “‘’, undefined, null, NaN
• 배열 = 데이터의 집합

• 데이터의 집합 = 여러개의 값을 하나의 이름으로 묶어 사용할 수 있게 도와준다.
• 배열의 각 값은 원소(element) 혹은 요소 라고 부른다.
• 배열의 크기(길이)는 length 프로퍼티를 통해 알 수 있다.
• 배열의 생성자 함수에 숫자를 한개만 넣으면 인스턴스의 길이를, 여러 숫자를 넣으면 배열의 원소를 뜻한다.
• 배열에도 리터럴 표현이 있다. [ ]
• 각괄호 + 인덱스를 통해 각 원소에 접근 할 수 있으며, 원소에 값을 저장 할 수도 있다. 심지어 존재하지 않는 원소에도 접근이 가능하다.
• 리터럴 생성과 동시에 원소에 접근 할 수도 있다. [1,2,3,][0] === 1

• pop() : 배열에서 마지막 요소를 제거하고 그 요소를 반환한다.
  제거 한 요소를 보관하고 싶다면 변수에 담아 둘 수 있다.
  빈 배열에 pop을 호출하면 undefined를 호출한다.
• push() : 배열의 마지막 요소로 인자로 전달한 값을 추가하고 새로운 배열의 길이를 반환한다.
• splice() : 기존의 요소를 삭제하거나, 교체하거나, 새 요소를 추가한다. 인덱스, 카운트, 아이템 순서로 인자를 전달한다.
  • 삭제 : (인덱스, 개수) 인덱스부터 개수만큼 삭제
    추가 : (인덱스 , 0 , ‘추가할 요소') 인덱스 자리에 추가
    교체 : (인덱스, 개수, ‘추가할 요소’) 인덱스 자리에 한개 빼고 추가할 요소 넣기