DOM구조 등 mdn 참고링크 - developer.mozilla.org

제어 구조

조건문과 반복문

1. if 조건문

• if
• if else

2. for 반복문

for문

다른언어의 for문과 동일.

for (let i = 0; i < 10; i++) {
  console.log(i);
}

for in문

반복해서 객체의 값을 가져와 처리 할 때 사용.

const loggedInUser = {
  name: 'Max',
  age: 32,
  isAdmin: true,
};

for (const propertyName in loggedInUser) {
  console.log(propertyName);
  console.log(loggedInUser[propertyName]);
}

=> loggedInUser[propertyName]에서 대괄호를 이용하여 값에 동적으로 접근하였음.

for of문

문자열이나 배열같은 반복이 가능한 자료에서 사용하는 반복문.
사용 시 배열 내 객체에 바로 접근할 수 있음.

const users = ['Max', 'Anna', 'Joel'];
for (const user of users) {
  console.log(user);
}

3. while 반복문

반복횟수가 정의되어있지 않은 경우, 조건에 의해 반복될 경우 사용.

예제

let isFinished = false;

while (!isFinished) {
  isFinished = confirm('Do you want to quit?');
}

console.log('Done!');

[종료]버튼을 누르면 계속 confirm창이 뜨고, [확인]버튼을 누르면 while반복문이 종료되며 콘솔에 Done!이 출력됨.

---

FormData

form동작을 Javascript로 제어할때 쓰이는 함수로 미리 생성되어 있음.

기본동작 중단하기

form내의 button의 기본동작 submit을 멈추는 것 등 기본이벤트를 중단시키기 위해서는 preventDefault();를 사용.

function savePlayerConfig(event) {
  event.preventDefault(); /* form의 기본동작 submit을 멈춤 */
}

html에서 data속성 사용하기

mdn 참고링크