배열, 객체

Array

ex) 출석부

👍 탐색
👎 연속되는 추가, 삭제

// Array(요소갯수)
const arr1 = Array(5).fill(1);
// [1, 1, 1, 1, 1]

// Array.from 으로 배열 생성
// Array.prototype.fill(값)
const arr2 = Array.from(Array(5).fill(1), (v, k) => v + k);
// [1, 2, 3, 4, 5]

// 배열 요소 꺼내기
arr2.join(", ");
// 1, 2, 3, 4, 5, 6

// 배열 순서 바꾸기
arr2.reverse(); // 원본 바뀜 주의
// [5, 4, 3, 2, 1]

// 배열에 배열 추가
arr1.concat(arr2);
// [1, 1, 1, 1, 1, 5, 4, 3, 2, 1]

// 배열 맨 뒤 추가 push(값)
arr2.push(2);
// arr1 = [5, 4, 3, 2, 1, 2]

// 배열 맨 뒤 삭제
arr1.pop();
// 2 제거한 요소 반환
// arr2 = [5, 4, 3, 2, 1]

// 배열 맨 앞 추가 unshift(값)
arr2.unshift(1);
// arr2 = [1, 5, 4, 3, 2, 1]

// 배열 맨 뒤 삭제
arr2.shift();
// arr2 = [1, 5, 4, 3, 2]

// 배열 인덱스 값 넣어 삭제
// 두번째 숫자 직전까지 잘림
arr2.slice(시작 인덱스, 끝 인덱스 + 1);

// 배열 삭제 개수 정해서 삭제
arr2.splice(시작인덱스, 삭제 개수, 끝인덱스)

Object

ex) 사물함

// 객체 생성
const obj1 = new Object();

// 객체 요소 추가
obj1["name"] = "kaka";
// {name: "kaka"}

// 키 있는 지 확인
console.log("name" in obj1);

// 키 나열
Object.keys(obj1);
// ["name"]

// 값 나열
Object.values(obj1);
// ["kaka"]

// 객체 순회
for (const key in obj1) {
  console.log(key, obj1[key])