웹개발/Javascript

Javascript - 3

duduranran 2022. 12. 20. 20:47

#2.6 Objects

#2.7 Functions

객체는 중괄호{}로 감싸져 있고, 콜론:으로 구분된 이름/값 쌍들이 쉼표로 분리된 목록의 형태

객체를 만들 때 규칙
1. property 이름 중복 불가
2. property의 이름과 property의 값 사이는 콜론:으로 구분한다.
3. property를 추가할 때는 ,(쉼표)를 붙여준다.
4. property값은 어느 Type이나 가능하다(배열과 달리 이질형 데이터 저장 가능)

객체 접근 방법
객체이름.property이름 or 객체이름["property이름"]과 같은 형식으로 접근.
대괄호[] 표현은 변수를 사용할 때

객체 특징
1. 순서가 없는 데이터 모음.
2. 키와 값의 쌍으로 구성된 데이터의 모음
3. 배열처럼 index로 순차적 접근이 아닌 키로 직접 접근.
4. 키의 값에는 문자열, 숫자 뿐 아니라 함수, 객체도 넣을 수 있다.
5. 객체의 키는 스페이스, 한글, 특스문자 등이 들어갈 수 있다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
// #2.6 Objects
 
//객체를 선언하는 기본 형태는 아래와 같다.
const player = {
    name:"duran",
    points:36,
    fat:false
};
 
//객체 출력
console.log(player);  
console.log("나의 아이디는 : "+player.name);
 
//객체에 새로운 속성 추가
player.lastName = "potato";  
player.points = 40;
console.log(player);
player.points = player.points + 10;  // a+=1
console.log(player);
 
 
// #2.7 Functions
// 자주 사용하는 기능을 함수로 만들어 놓고 필요할 때 호출해서 사용한다.
// 기본적인 함수의 형태
function sayHello1(nameOfPerosn, age){
    console.log("Hello my name is " +nameOfPerosn+" and I'm "+age);
}
sayHello1("Jay"36);
sayHello1("SayHo"46);
sayHello1("HOya",12);
 
 
// 더하기 함수
function plus(firstNumber, secondNumber){
    console.log("덧셈 : "+(firstNumber+secondNumber));
}
function divide(firstNumber, secondNumber){
    console.log("나눗셈 : "+(firstNumber/secondNumber));
}
plus(12,25);
divide(30,6);
 
// 객체 안에 키값으로 함수 정의 = 메서드 
const players = {
    name:"duran",
    sayHello: function(otherPersionsName){
        console.log("Hello "+otherPersionsName+" nice to meet you.");
 
    }
};
console.log(players.name);
players.sayHello("lynn");
cs

'웹개발 > Javascript' 카테고리의 다른 글

Javascript - 6 - getElementById  (0) 2022.12.23
Javascript - 5  (0) 2022.12.22
Javascript - 4  (0) 2022.12.21
Javascript - 2  (0) 2022.12.19
Javascript - 1  (0) 2022.12.18