반응형
Array
내부의 데이터들이 무슨 역할을 하는지 알 수 없음(대괄호로 작성)
const toDoList = ["laundry", "shopping", "workout", "studying"];
리스트를 작성하는데에 사용 → 내부 데이터에 의미를 부여할 필요가 없음
// 배열 생성
const dayOfWeek = ["mom", "tue", "wed", "thu", "fri", "sat"];
// 출력
console.log(dayOfWeek);
// 특정 인덱스 값만 출력(0 ~ 5)
console.log(dayOfWeek[2]); // wed
// 특정 인덱스 값 변경
dayOfWeek[0] = "mon";
// 배열에 데이터 추가
dayOfWeek.push("sun");
서로 다른 데이터 타입도 한 배열안에 작성 가능
const array = [1, "Hello", true, false, null, undefined];
Object
내부의 데이터들의 의미를 알 수 있음(중괄호로 작성)
const aboutMe = {
name: "jane",
age: 28,
pretty: true,
comment: "Hello",
}
const(상수) aboutMe를 선언하고 새 객체를 만들어 초기화, aboutMe에 객체 참조를 할당
// 출력
console.log(aboutMe);
// 내부 데이터 출력
console.log(aboutMe.name);
console.log(aboutMe["name"];
// 속성 추가
aboutMe.lastName = "choi";
const로 작성된 object 내부의 속성을 변경해도 에러가 발생하지 않음 → aboutMe 라는 object는 여전히 const의 성격을 가짐
aboutMe.comment = "Bye";
'JavaScript' 카테고리의 다른 글
[JavaScript] 브라우저 객체모델 BOM(Browser Object Model) (0) | 2021.08.30 |
---|---|
[JavaScript] function 함수 (0) | 2021.08.29 |
[JavaScript] 슬라이드와 페이지 이동 구현 (0) | 2021.08.27 |
[JavaScript] 변수를 이용해 body 내부에 iframe 태그로 동영상 업로드 (0) | 2021.08.26 |
[JavaScript] 출력과 변수 선언(var, const, let) (0) | 2021.08.25 |