본문 바로가기
개인공부/JavaScript

array 와 object (#3 Vanilla JS)

by BTSBRINGMEHERE 2022. 3. 2.

## array

배열입니다. [] 안에 ','로 데이터를 나열합니다. 변수도 사용가능하고, boolean, text, 숫자 등 데이터 정렬이 가능합니다.

const daysOfweek = ["mon", "tue", "wed", "thu", "fri", "sat", "sun"]

이렇게 표현합니다. 

하나의 변수 안에 데이터의 list값을 표현합니다.

daysOfweek[0] 은 "mon"이며 0부터 6까지 총 7개의 리스트로 되어있습니다.

 

daysOfweek.push("holiday")를 입력해서 배열을 추가할 수 있습니다.

daysOfweek[2] = "tuesday"를 입력해서 특정 배열의 값을 변경할 수 있습니다.

## object

배열과 비슷하지만, 값의 설명이 필요한 데이터를 배열할 때 사용합니다.

{} 안에 ','로 데이터를 나열합니다.

const player = {
	name: "messi",
    	age: 31,
    	sex: "male",
    	soccerPlayer: true
}

이렇게 표현합니다.

property 값을 표현하는 법은 2가지가 있습니다.

player.name => messi

player["name"] => messi

 

player.color = "white and blue" 를 통해 object에 추가가 가능합니다.

player.age = 33 를 통해 object의 property값 변경이 가능합니다.

'개인공부 > JavaScript' 카테고리의 다른 글

Document (#6 Vanilla JS)  (0) 2022.03.09
Conditionals (#5 Vanilla JS)  (0) 2022.03.08
Functions (#4 Vanilla JS)  (0) 2022.03.08
boolean (#2 Vanilla JS)  (1) 2022.03.02
Const와 let의 차이 (#1 Vanilla JS)  (0) 2022.03.02