DOM구조 등 mdn 참고링크 - developer.mozilla.org
조건문과 반복문
다른언어의 for문과 동일.
for (let i = 0; i < 10; i++) {
console.log(i);
}
반복해서 객체의 값을 가져와 처리 할 때 사용.
const loggedInUser = {
name: 'Max',
age: 32,
isAdmin: true,
};
for (const propertyName in loggedInUser) {
console.log(propertyName);
console.log(loggedInUser[propertyName]);
}
=> loggedInUser[propertyName]
에서 대괄호를 이용하여 값에 동적으로 접근하였음.
문자열이나 배열같은 반복이 가능한 자료에서 사용하는 반복문.
사용 시 배열 내 객체에 바로 접근할 수 있음.
const users = ['Max', 'Anna', 'Joel'];
for (const user of users) {
console.log(user);
}
반복횟수가 정의되어있지 않은 경우, 조건에 의해 반복될 경우 사용.
예제
let isFinished = false;
while (!isFinished) {
isFinished = confirm('Do you want to quit?');
}
console.log('Done!');
[종료]버튼을 누르면 계속 confirm창이 뜨고, [확인]버튼을 누르면 while반복문이 종료되며 콘솔에 Done!
이 출력됨.
form동작을 Javascript로 제어할때 쓰이는 함수로 미리 생성되어 있음.
form내의 button의 기본동작 submit을 멈추는 것 등 기본이벤트를 중단시키기 위해서는 preventDefault();
를 사용.
function savePlayerConfig(event) {
event.preventDefault(); /* form의 기본동작 submit을 멈춤 */
}