+++ 08.09
출처 : 코딩 자율학습
객체
- 데이터의 묶음 -
키 : 값의 조합
- 둘의 조합 프로퍼티 property 라 부름
자바스크립트에서 원시 타입이 아닌 모든 데이터는 근본적으로 객체
복합적인 정보를 프로퍼티 property - (키와 값의 조합)으로 저장하는 자료형
객체(object)는 자바스크립트의 핵심적인 자료형이다. 기본자료형을 제외하고 거의 모든 데이터와자료구조는 객체라고 봐도 무방하다. 파생되는 자료형으로 배열, 객체 리터럴, 함수가 있다.
객체라는 용어의 범위는 자바스크립트에서 매우 포괄적이지만 자료형의 관점에서 보면 key와 value로 구성된 속성의 집합을 의미한다.
객체에서 속성값으로 함수가 들어갈 때는 보통 함수라고 하지 않고, 메서드(method)라고 부른다.
eg
const person2 = {
name: '낯선개발자',
age: 20,
married: false
};
console.log(typeof person1);
console.log(person1);
값들에 접근하는 방법
console.log(
person2.name, // . 뒤에 키 이름 (식별자 명명 규칙에 맞을 시)
person2['name'] // [] 안에 키 이름을 문자열로 즉 속성명을 string으로
);특정 키 포함 여부 확인 - (키) in (객체)
객체 추가하기
person2.job = 'programmer';
person2['bloodtype'] = 'O';
console.log(person2);객체 삭제
기존의 객체 수정하기
person2.age++;
person2['job'] = 'developer';
console.log(person2);
const임에도 그 내용은 수정할 수 있다. 상수에 아예 다른 값을 할당하면 안되지만, 할당되어 있는 객체에 내용을 바꾸는 것은 가능.
키의 동적 사용
객체 리터럴
객체를 정의하는 가장 간단한 방법이며 중괄호 {}를 이용한다. 중괄호 안에는 키(key), 값(value)의 한쌍으로 이루어진 속성(property)이 들어간다. 배열보다 나은점은 값을 키로 구분하기 때문에 어떤 값닌지 명확하게 알수 있다는 것이다.
배열
다수의 데이터를 저장
근본적으로 객체
키가 number 타입인 객체
length 프로퍼티 : 배열의 요소 개수를 반환
array(배열)은 보수의 데이터를 정의할 수 있는 자료형이다. 배열로 정의된 데이터를 요소라고 한다. 배열 요소에 접근하려면 index(인덱스)를 이용한다.인덱스는 배열에서 각 데이터가 있는 위치를 가리키는 숫자라고 이해하자. 단, javascript에서는 0부터 시작한다.
자료형 관계없이 한 배열에 넣을 수 있음
마지막 요소는 배열길이에서 -1, 배열은 0부터 시작이기에
eg
const myArray = [true, 3.14, 'Hello', person1];
console.log(myArray, myArray.length);
배열 요소 추가 및 삭제
추가
myArray.push('개발자'); // 요소를 추가
console.log(myArray);
1. 마지막 요소를 반환하며 제거 삭제
const popped1 = myArray.pop();
console.log(popped1, myArray);
2. 그냥 제거만 하는 용도
myArray.pop(); // 그냥 제거만 하는 용도로
console.log(myArray);
1, 2 둘다 같은 용도인듯 마지막 제거..?