바닐라 JS) 4. 배열 사용하기

1. 배열 만들기

• 연산자를 통해 만들기
• 그냥 문자 -> 우리가 처리할 수 없음

// 변수 선언하기
const mon = "mon ";
const tue = "tue ";
const wed = "wed ";
const thu = "thu ";
const fri = "fri ";
const sat = "sat ";
const sun = "sun ";

// 배열 만들기
const daysOfWeek = mon + tue + wed + thu + fri + sat + sun; // 그냥 문자 -> 우리가 처리할 수 없음
console.log(daysOfWeek);

• array를 통해 만들기
• 검색해서 찾는 등 우리가 처리할 수 있음

// 변수 선언하기
const mon = "mon ";
const tue = "tue ";
const wed = "wed ";
const thu = "thu ";
const fri = "fri ";
const sat = "sat ";
const sun = "sun ";

// 배열 만들기
const daysOfWeek = [mon, tue, wed, thu, fri, sat, sun];
console.log(daysOfWeek);



• 데이터 타입이 달라도 사용 가능

// 변수 선언하기
const mon = "mon ";
const tue = "tue ";
const wed = "wed ";
const thu = "thu ";
const fri = "fri ";
const sat = "sat ";
const sun = "sun ";

// 배열 만들기
const daysOfWeek = [mon, tue, wed, thu, fri, sat, sun];
console.log(daysOfWeek);

const nonsense = [1, 2, "hello", false, null, true, undefined, "min"];
console.log(nonsense);

• 직접 값을 넣어 배열 만들기

// 배열 만들기
const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];

// 배열 전체 조회하기
console.log(daysOfWeek);

• 배열을 추가, 수정, 삭제, 조회 해보기

// 배열 특정값 가져오기
console.log(daysOfWeek[5]); 

// 배열 추가하기
daysOfWeek.push("holiday");
console.log(daysOfWeek); 

// 배열 특정값 삭제하기
daysOfWeek = daysOfWeek.filter(day => day !== "holiday");
console.log(daysOfWeek);  

// map을 이용해서 배열의 특정값 변경하기
daysOfWeek = daysOfWeek.map(day => day === "sun" ? "off" : day);
console.log(daysOfWeek);  

// index를 이용해서 배열의 특정값 변경하기
daysOfWeek[6] = "vacation";
console.log(daysOfWeek);