Post

JAVASCRIPT) 6. 객체

Posted Updated
Preview Image
By parksohyunnn 9 min read

6. 객체

01. 데이터 저장(키와값) : 표현방법1 : 객체 선언 후 배열방식으로 데이터 입력

객체를 생성하고 데이터를 저장하는 방법 중 하나는 객체를 선언한 후에 배열 방식으로 데이터를 입력하는 것입니다. 이는 객체를 초기화한 후에 각 속성에 값을 할당하는 방법과 유사하지만, 여러 개의 속성을 한 번에 지정할 수 있어서 코드를 더 간결하게 작성할 수 있습니다.

1
2
3
4
5
6
7
8
9
10
11

{
const obj = new Object();    //객체 선언

obj[0] = 100;                //obj 변수에 숫자 100을 저장
obj[1] = 200;                //obj 변수에 숫자 200을 저장
obj[2] = "javascript";       //obj 변수에 숫자 "javascript" 저장

console.log(obj[0]);
console.log(obj[1]);
console.log(obj[2]);          
}


02. 데이터 저장(여러개) : 표현방법2 : 배열 선언과 동시에 초깃값 설정

값을 직접 배열에 넣어 초기화하여 사용합니다.

1
2
3
4
5
6
7

{
const arr = new Array(100, 200, "javascript");

console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
}


03. 데이터 저장(키와값) : 표현방법2 : 객체 선언 후 객체방식으로 데이터 입력

객체를 선언한 후 객체 방식으로 데이터를 입력하는 방법은 객체의 각 속성을 직접 지정하여 값을 할당하는 방법입니다. 이 방법은 객체를 초기화할 때 각 속성과 값을 명시적으로 지정할 수 있어 가독성이 좋습니다.이 방법은 특히 초기화할 때 속성이 많거나 값이 복잡한 경우에 유용하며, 객체의 속성 이름이 변하지 않는 경우에 적합합니다.

1
2
3
4
5
6
7
8
9
10

{
const obj = new Object();
obj.a = 100;
obj.b = 200;
obj.c = "javascript";

console.log(obj.a);
console.log(obj.b);
console.log(obj.c);     
}


04. 데이터 저장(여러개) : 표현방법5 : 리터럴 방식으로 배열 선언과 동시에 초깃값 설정

배열을 리터럴 방식으로 선언하고 동시에 초기값을 설정합니다.데이터를 미리 배열에 저장하고자 할 때 사용됩니다.
배열 리터널은 대괄호([])를 사용하여 표현되며, 대괄호 안에 초기값을 쉼표(,)로 구분하여 나열함으로써 배열을 초기화할 수 있습니다.

1
2
3
4
5
6
7

{
const arr = [100, 200, "javascript"];

console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
}


05. 데이터 저장(키와값) : 표현방법3 : 리터럴 방식으로 객체 선언

객체를 생성하는 데에는 여러 가지 방법이 있습니다. 그 중 하나는 리터럴 방식을 사용하는 것인데, 이 방법은 객체를 직접적으로 코드 안에 작성하여 생성하는 방법입니다. 리터럴 방식으로 객체를 생성하는 방법은 다음과 같습니다.

1
2
3
4
5
6
7
8
9
10
11
12

{
const obj = new Object();

obj.a = 100;
obj.b = 200;
obj.c = "javascript"

console.log("15. 객체 : 표현방법3");
console.log(obj.a);
console.log(obj.b);
console.log(obj.c);
}


06. 데이터 저장(키와값) : 표현방법4 : 리터럴 방식으로 객체 선언과 동시에 초깃값 설정

arr이라는 이름의 변수를 선언하고, 배열로 초기화합니다. 배열에는 세 개의 요소가 있습니다: 첫 번째 요소는 숫자 100입니다. 두 번째 요소는 또 다른 배열 [200, 300]입니다. 세 번째 요소는 문자열로 된 또 다른 배열 [“javascript”, “jquery”]입니다.

1
2
3
4
5
6
7
8
9

{
const arr = [100, [200, 300], [400, 500, [600]], "javascript", "jquery"];

console.log(arr[0]);
console.log(arr[1][0]);
console.log(arr[1][1]);
console.log(arr[2][1]);
console.log(arr[2][2][0]);
}


07. 데이터 저장(키와값) : 표현방법5 : 배열안에 객체가 있는 방식

“배럴 안에 객체가 있는 방식”은 JavaScript에서 객체를 다룰 때 사용되는 패턴 중 하나입니다. 이 패턴은 객체를 변수에 할당하는 대신, 객체를 직접 다른 객체의 프로퍼티로 설정하는 방법을 말합니다. 이것은 객체의 중첩을 통해 데이터를 구조화하는 데 유용합니다.

배열 안에 객체: 객체를 선언하고 이를 배열 안에 넣는 방식입니다. 이 때, 배열 안의 각 요소는 객체가 됩니다.

중첩 구조: 배열 안에 객체를 넣을 수 있으며, 이러한 객체는 중첩된 구조를 가질 수 있습니다. 즉, 객체 안에 다시 객체를 포함시킬 수 있습니다.

접근: 이러한 중첩된 객체들은 점 표기법(.)이나 대괄호 표기법([])을 통해 접근할 수 있습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

{
    const obj = [
    {
        a: 100,
        b: 200,
        c: "javascript"
    },
    {
        a: 300,
        b: 400,
        c: "jquery"
    }
]

console.log(obj[0].a);
console.log(obj[0].b);
console.log(obj[0].c);
console.log(obj[1].a);
console.log(obj[1].b);
console.log(obj[1].c);
}


08. 객체 : 데이터 저장(키와값) : 표현방법6 : 객체 안에 배열이 있는 방식

“객체 안에 배열이 있는 방식”은 JavaScript에서 데이터를 구조화하는 방법 중 하나입니다. 이 방법은 객체 안에 하나 이상의 배열을 포함하여 데이터를 저장하고 관리하는 데 사용됩니다.

객체 안에 배열: 객체 안에 배열을 포함시키는 방식입니다. 이 때, 객체의 프로퍼티 중 하나는 배열이 되며, 이 배열 안에 데이터를 저장할 수 있습니다.

다양한 데이터 유형: 배열 안에 포함된 데이터는 문자열, 숫자, 불리언, 다른 객체 또는 배열 등 다양한 데이터 유형일 수 있습니다.

접근: 배열 안에 포함된 데이터에 접근할 때는 대괄호 표기법([])을 사용합니다. 객체 안의 배열에 접근하고 내부의 요소에 접근하는 방법을 사용할 수 있습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

{
{
    const obj = {
        a: 100,
        b: [200, 300],
        c: "javascript"
    }

    console.log(obj.a)          //100
    console.log(obj.b)          //200, 300
    console.log(obj.b[0])       //200
    console.log(obj.b[1])       //300
    console.log(obj.c)          //javascript
}
}


JAVASCRIPT
git github
This post is licensed under CC BY 4.0 by the author.

Trending Tags

git github