바닐라 JS로 크롬 앱 만들기 [1-3] Arrays

---

• 정리하는 것
• 효율적으로 코드를 작성하기 위해서 사용
• 활용 : todo list

규칙

• 대괄호[] 사용
• 각 항목은 쉼표로 분리
• number, string, booleans 등 모두 넣을 수 있다
• 첫번째부터 0, 1, 2, 3 ... 순서

예시

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);

결과 : montuewedthufrisatsun
문제점 : 원하는 요일을 불러올 수 없다

Array 적용 후

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];
const nonsense = [1, 2, "hello", false, true, null, "marmot"];
    
    console.log(daysOfWeek, nonsense);

결과 :
["mon", "tue", "wed", "thu", "fri", "sat", "sun"]
[1, 2, "hello", false, true, null, "marmot"]

필요한 열 가져오기, 열 추가

const daysOfWeek = ["mon", "tue", "wed", "thu", "fri", "sat"];

// Get Item from array
    console.log(daysOfWeek[5]); // sat

// Add one more day to the array
    daysOfWeek.push("sun");

    console.log(daysOfWeek);
// 결과 ["mon", "tue", "wed", "thu", "fri", "sat", "sun"];

// change the index
    daysOfWeek[2] = "day";
//결과 ["mon", "tue", "day", "thu", "fri", "sat", "sun"];