Javascript - 객체(Object)

객체(object)

 - 배열과 유사하게 여러개의 값을 저장할 수 있는 변수이다.

 - 배열과 큰 차이점은 배열은 javascript에서 index를 자동으로 할당 해주지만, 객체는 직접 문자열 형태로 입력 해야한다.

 - 객체를 도식화하면 아래 사진과 같다.(배열과 유사)

객체특징

 - 장점(배열과 유사)

 - 객체를 도식화 하면 하기 표1 와 같다.

 - 객체와 배열의 차이점은 하기 표2와 같다.

 - javascript를 잘하려면 객체를 잘 이해 해야 한다.(이곳 저곳에서 주워 들음)(이유는 javascript는 객체지향 프로그래밍이며, 함수도 객체이기 때문이다. 이것 때문에 javascript가 함수에 있어서 강력한 힘을 발휘함. 함수도 값으로 사용이 될 수 있다는 특성 때문에  인자로도 사용할 수 있다.)(나중에 자세히 다룰 예정)

표1

표2

객체생성

 -객체를 생성 할 때는 중괄호 {}를 사용한다.

 -객체는 index 대신 key라고 불리는 값을 대신 사용한다.(하단 표를 보면 index에 괄호가 있다. 배열과 다름)

 -값들을 구분 할 때는 , (쉼표)를 사용한다.

 -객체를 호출 할 때는 두 가지 방식이 있다.

 -dot notation vs bracket notation 방식이 있다.

 -dot notation의 특징은 정적인 값을 사용할 때 많이 사용한다. 예를들면, 웹사이트의 아이디를 객체에 저장한다면, id라는 키값은 변하지 않는다. 사람1이 사용해도 id : abc 사람2가 사용해도 id : efg 처럼 key 값이 변하지 않을 때 사용

 -bracket notation의 특징은 동적인 값을 사용할 때 많이 사용한다. 예를들면, 객체를 생성할 때, 인자(argument)로 사용한 것을 키 값을 받을 때 많이 사용. 전화목록에서 찾고자 하는 사람과 전화번호를 인자로 받아서 객체로 추가 하고 싶을 때, 사람의 이름은 입력하는 값에 따라 변하기 때문에, 이와 같을 때 사용

  *예시는 z쿳쿳z만의 생각입니다. 실제로는 아직 어떻게 동작 하는지 모름

 -dot notation을 부를 때, object.key; 라고 입력하면 된다.

 -bracket notation을 부를 때, object[key]; 라고 입력하면 된다.

객체와 반복문

 -객체를 반복문과 같이 사용할 때, for...in 구문을 많이 사용한다(for(변수선언, 변수범위, 변수증감)문을 사용하면, key값을 적용하기에 번거롭기 때문이다)

  *for...in 구문을 사용하면 key값을 쉽게 호출 할 수 있다.

  *위에 3개는 key, 아래 3개는 key에 따른 value 값이다.(초반에 key를 찾는데 어려웠음(z쿳쿳z만 그럴수도)(꿀팁이 되기를!!))

#javascript#생활코딩#CCL라이선스BY#codestates#객체#object#for...in