FrontEnd/JavaScript

[JavaScript] 자바스크립트의 기초-4

dev seon 2023. 11. 20. 23:12

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 강의를 듣고 정리한 내용입니다.