javascript

JavaScript 시작하기 - 객체 리터럴

환상곰 2023. 1. 21. 17:36
반응형

1. 객체 리터럴

** 객체 리터럴이란 중괄호로 묶여있고 key 값과 value값의 한 쌍으로 묶어 저장할 수 있는 저장소 역할이다

(1) 객체 리터럴 기본 형태

let obj = {
    name : 'k',
    age: 20,
    hobby : 'soccer',
}

let name = obj.name;
let age = obj.age;
let hobby = obj.hobby;
obj.country = 'Korea';

console.log(name, age, hobby, country); // k 20 soccer Korea 출력

-- 객체 리터럴 내 key값과 value값의 한 쌍은 콤마(,)로 구분한다.

 

-- 객체 리터럴 내부 value값에 접근할 때에는 2가지 방법 

1) 객체이름.key값

2) 객체이름[ 'key값' ] 

** key값이 숫자가 맨 앞에 오거나 특수문자를 포함하는 경우 또는 띄어쓰기가 있을 경우 1)의 방법을 사용하지 못함

 

-- 객체 리터럴에 값을 추가하고 싶다면 객체이름.key이름 = value값을 통해 추가할 수 있다 

 

-- 객체 리터럴 내부 값 제거하기

: delete 객체이름.key값

 

 

2. 함수, 배열도 객체다

-- 함수는 1급 객체이므로 객체 성질을 그대로 쓸 수 있다.

function kk(a, b){
    return a+b;
}

console.log(kk.name); // kk 출력
console.log(kk.length); // 2출력(kk함수의 매개변수 개수)

-- 배열도 객체 안의 함수인 메소드를 쓸 수 있다.

ex) arr.slice(1,2)

 

 

** 함수의 프로퍼티를 보고자 한다면?

console.dir(함수 이름)

 

 

 

 

반응형