배열(Array)

여러개의 데이터를 순서와 함께 저장하고 싶을때 사용 하는 저장 창고

배열 만들기

let minArray = ["이것","각각 ","하나를,"요소"]

대괄호 안에 원하는 데이터를 모아서 넣어주시면 배열을 만들어 주신 것 입니다.
그리고, 배열 안의 데이터들 하나하나를 요소(element) 라고 합니다.

배열의 index

위에서 배열은 데이터를 순서와 함께 저장
배열의 index 는 각 요소에 순서를 부여 할 뿐만 아니라 해당 요소에 접근이 가능

index 번호는 특이하게 0번 부터 시작 접근하는 방법은 아래처럼

let minArray = ["이것","각각 ","하나를,"요소"]
      		     0     1       2     3

인덱스 번호로 접근

번호로 요소에 접근하기
minArray[2] = "하나를"
minArray[3] = "요소"

배열의 property

**length 속성은 이름에서 알 수 있 듯 배열의 길이 를 나타내는 속성**

let marray = ["아침은","든든하게","먹어야","오전업무가","잘된다"]
// index 0 1 2 3 4
// length 1 2 3 4 5 -> 따라서 arr.length = 5

배열의 메소드(Method)

메서드는 어떠한 기능을 가지고 있는 명령어 , 배열에 내장되어 있는 기능
배열의 메서드에는 다양한 메서드들이 존재, 상황에 따라 MDN에 검색으로 적절히 사용

• ( MDN 참고 )

array.push() : 배열의 가장 뒤의 데이터를 추가

push(”추가할 데이터”) push의 괄호 안에는 추가 할 데이터를 넣는다.

let food = ["피자","피킨","햄버거"]
food.push("파스타")
// 결과
food = [""피자","치킨","햄버거","파스타"]

array.pop() : 배열의 가장 뒤의 데이터를 삭제

push와는 다르게 pop의 괄호 비워도 가능
let food = ["피자","치킨","햄버거"]
food.pop()
// 결과
food = ["피자","치킨"]

array.includes() : 특정 배열에 주어진 데이터가 포함되어있는지 확인

포함되어 있는지에 따라 boolean값을 반환

let food = ["피자","치킨","햄버거"]
food.includes("피자")
// 결과
true

array.indexOf() : 특정 배열에서 지정된 요소를 찾을 수 있는 첫 번째 인덱스를 반환

let food = ["피자","치킨","햄버거"]
food.indexOf("피자")
// 결과
0

객체(object)🔗

체는 키값을 통해 해당 데이터가 무엇에 대한 데이터인지 명시

const min = ["나는", 160,180,"사이"]

여기서 숫자에 대한 값이 알 수가 없다.

키가 될 수도 있고, 몸무게나 나이가 될수도 있다.

배열은 안에 있는 데이터들이 무엇에 대한 데이터인지 명시 불가능 하다.

객체 만들기

객체를 만들때는 중괄호: {} 를 이용

let MinData = {
name:"min",
age:30,
height:160,
company:"미니미니"
}

중괄호 안에 원하는 데이터를 모아서 넣어주시면 객체를 만든다.

그리고, 객체 안의 데이터들 하나하나를 프로퍼티(property) 라고 한다.

{name:"min"}
name - key : "min" - value

왼쪽에는 key값 이 오른쪽에는 value값

그리고 key와 value를 묶은 것을 property 라고 합니다.

객체 프로퍼티(property)

객체의 프로퍼티에 접근할 때는 기본적으로 key값에 접근해서 value를 가지고 옵니다.

또한 프로퍼티에 접근할 수 있는 방법에는 두가지 방법이 있습니다.

Dot notation(점 표기법)

key값에 접근시, 점을 이용해서 접근

let MinData = {
	name:"min",
	age:30,
	height:160,
	company:"미니미니"
}

//Dot notation(점 표기법) 접근
MinData.name = "min"
MinData.age = 30

Bracket notation(괄호 표기법)

key값에 접근시, 괄호[]를 이용해서 접근

//Bracket notation(괄호 표기법) 접근
MinData["name"] = "min"
MinData["age"] = 30

❗️주의❗️
Bracket notation을 사용하실 때 “”를 붙여주시지 않으시면, 안의 key값이 아닌 변수로 인식 key 값에 접근을 원하신다면 반드시 “”를 붙인다.

객체(object) Method

배열과 마찬가지로 객체에도 내장된 메서드

이것 또한 다양한 메서드들이 존재, 상황에 따라 MDN에 검색하셔서 적절히 사용

• ( [MDN 참고]

Object.keys()

객체의 key만을 가져와 배열에 담아주는 메서드

사용하실때는 괄호 안에 key값을 뽑아올 객체 이름을 넣어주시면 됩니다.

let MinData = {
	name:"min",
	age:30,
	height:160,
	company:"미니미니"
}

Object.keys(MinData)
// 결과
[ "name", "age", "height", "company"]

Object.values()

객체의 value만을 가져와 배열에 담아주는 메서드

사용 시 괄호 안에 value값을 뽑아올 객체 이름을 넣는다.

let MinData = {
	name:"min",
	age:30,
	height:160,
	company:"미니미니"
}

Object.values(MinData)
// 결과
[ "min", "30", "160", "미니미니"]