자바스크립트 : 객체, 배열

데이터 타입 : 객체 (Object)

let userData = {
   name : 'json',
   age:'25',
   gender:'Male'
};

내부의 요소는 한쌍의 property는 각각의 key와 value를 가지고 있음.

데이터를 명시적으로 관리 

객체는 여러개의 property를 가짐 

문자열,숫자,배열,객체또한 담을 수 있음 

중괄호를 사용해서 정의

 

 

객체의 데이터에 접근하는 방법

1. Dot notation 

2. Braket notation 

 

1.Dot notation (점을사용)

userData.name(key값)--> json(value) 을 가져올수있음. 

또한 아직 존재하지 않는 property 추가가 가능함

userData.email = 'json@test.com' 

 

2.Braket notation 

userData['name'] --> json을 가져옴

반드시 ' '를 사용하여 문자열로 가져와야함 

만약, ''를 사용하지 않는다면 다른 중복된 key의 값이 올 수 있음.

ex) let name="age"

jasonData[name] 의값은 json이 아닌 age가 올수있음 

 

 

객체(Object) Method 

1. Object.keys() 

- key모음을 배열로(문자열로)

2. Object values() 

- value모음을 배열로(데이터그대로)

-> 위 두가지로 새로운 프로퍼티도 생성가능! 

 

Object.keys() 

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

( *배열 : 순서가 존재하는 데이터들의 창고) 

 

Object.keys(키를뽑아오고 싶은 객체)

Object.keys(jasonData) 

--> ["name","age","gender"] 

 

let jasonDataKeys = Object.keys(jasonData)
jsonDataKeys.includes("email")

이메일이 포함되어있는지, 없는지 체크가능

객체의 key들을 담은 배열에 email이 존재하는지 체크 

 

let result= Object.keys(jasonData);
console.log(result)

출력값 --> 
['name','age','gender']

//include( " " ) -> 괄호의 값을 포함하고 있으면 true, 아니면 false

 

Object.values()

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

모든 요소가 문자열은 아님

Object.values(value를 뽑아오고싶은 객체)

Object.values()

--> ["json",25,"Male"]

 

 

사용예제

 

 

배열 : 순서가 존재하는 데이터들의 창고

          대괄호로 생성

          각각의 요소는 쉼표로 구분 

          0부터 시작하는 위치 데이터 index->이를 활용해서 요소에 접근

배열 속성 : length 

                  배열에 존재하는 요소의 개수를 기반으로 해당 배열의 길이를 담은 속성 

배열 메서드

push() 데이터추가

pop() 데이터삭제 ( 마지막 데이터 삭제)

indexOf()  index 조회

includes() 포함 여부 확인