Object 개체
배열에서는 요소들에 이름을 줄 수 없고 순서로만 구분할 수 있습니다.
개체에서는 각각의 요소에 이름을 줄 수 있습니다.
const kim = {
firstName: 'Jay'
lastName: 'Kim',
age: 2037 - 1991,
job: 'teacher',
friends: ['Peter', 'Steven']
배열과 달리 개체는 중괄호를 사용하며 키와 값이 있습니다.
개체에서 원하는 값을 가져올 때는 배열이름.키 를 입력하거나 배열이름['키']를 입력해야 합니다.
대괄호를 사용한 표기법의 경우 식을 넣을 수 있습니다.
console.log(kim.lastName);
console.log(kim['lastName']);
개체는 값이므로 그 안에 함수를 추가할 수 있습니다.
함수를 추가할 때 이미 있는 값을 활용한다면 this인자를 사용할 수 있습니다.
const kim = {
~~
calcAge: function () {
return 2037 - this.birthYear;
}
};
console.log(kim.calgAge())
Loop 반복문
for loop는 조건이 참인 동안 계속하여 반복됩니다.
반복되는 동안 조건이 어떻게 변할지 괄호 안에 적어주어야 합니다.
1. 시작 2. 조건 3. 변화
for (let rep = 1; rep <= 10; rep += 1) {
console.log(rep);
}
반복문에서는 continue와 break를 사용할 수 있습니다.
continue는 다음으로 넘어가고 break는 반복문을 탈출하는 코드입니다.
만약 1씩 줄어드는 반복문을 원한다면 시작점을 가장 큰 수로 하고 i--로 변화를 주변 됩니다.
반복문 안에 반복문을 넣는 방법도 있습니다.
while loop는 조건에 해당하는 동안 계속하여 반복됩니다.
counter 없이 반복을 할 수 있다는 것이 while loop의 장점입니다.
Udemy The Complete JavaScript Course 2024 강의를 듣고 정리한 내용입니다.
'FrontEnd > JavaScript' 카테고리의 다른 글
[JavaScript]자바스크립트의 동작 원리 (1) | 2023.11.22 |
---|---|
[JavaScript] 자바스크립트의 DOM (1) | 2023.11.21 |
[JavaScript] 자바스크립트의 기초-3 (0) | 2023.11.20 |
[JavaScript] 자바스크립트의 기초-2 (1) | 2023.11.20 |
[JavaScript] 자바스크립트의 기초-1 (2) | 2023.11.20 |