자바스크립트-4일차

이주열·2022년 6월 10일

학습한 내용

JavaScript 기초/ 실습 - 조건문, 반복문, 함수

1. while문

반복문 중에서 조건에 치중되어 있는, 어느 조건에 도달하기 까지 반복 횟수를 알 수 없을 때 사용
무한 루프에서 빠져나오기 위해 break와 continue를 사용함
break가 없다면 무한 루프가 됨.
break대신 confirm을 통해 멈춤 수도 있음
확인을 누르면 true값, 취소를 누르면 false값
ex)

확인을 누르면 계속 반복이 되고, 취소를 누르면 false값이 들어와 멈추게 됨.
while문에도 배열을 사용할 수 있음

array의 길이 만큼 반복되고 끝이 남.
for 문에서 confirm
confirm을 통해 true값을 받으면 반복문 종료, 취소 false값을 받으면 계속해서 반복문이 돌아감.
여기서, confirm문구를 계속하시겠습니까? 하고 싶다면 !tf를 사용하면 반대로 값이 들어와 똑같이 적용됨.
만약 continue코드가 아래와 같이 들어가 있다면

continue밑에 있는 confirm창이 실행되지 않고 넘어간다.

2. 중첩 반복문

위 같이 나오게 중첩 반복문 사용하여 코드 작성
줄을 바꾸는 for문 하나, *를 늘리는 for문 하나를 사용

document.write 써도 가능하다.

2-1. 중첩 반복문 문제

역 직각 삼각형 만들기

역 삼각형을 만들기 위해 첫 for문을 줄여가는 방향으로 작성
결과 값
앞에 공백이 있는 직각 삼각형

앞 공백을 추가하기 위해 두번 째 for문 돌기 전에 공백을 더하는 방향으로 작성
결과 값
정삼각형

공백은 줄여가는 방식, 의 갯수는 줄의 두배보다 1 크게 최대치를 두어 반복문 작성, 두번 째 for문을 e<=(c2)해도 같다.
결과 값

3. 함수

블록으로 만들어 놓으면, 내가 필요할 때 호출하여 사용 가능.
함수의 종류로는 익명 함수, 선억적 함수가 있다.
선억적 함수를 많이 사용할 경우, 같은 함수명을 사용해서 덮어씌우는 것을 방지하기 위해 익명 함수를 많이 사용한다고 한다.
함수 형태로는 프로시저 함수, 수학적 함수가 있다.
함수의 예) y=x+5에서, x=5일 때 y의 값을 프로그래밍하면

1) 익명 함수

위에서 예를 든 y=x+5를 다음과 같이 나타낼 수 있음
꼭 숫자를 불러오는 것이 아님

-> '홍길동님 반갑습니다'
for문을 프로시저 함수로 표현하면

와 같이 젤 아래 limit 의 숫자만 바꾸어 알고 싶은 값을 선정해주면 된다.
같은 함수를 수학적 함수로 표현하면 다음과 같다.

2) 선언적 함수

을 통해 익명 함수와 똑같이 함수를 보여줄 수도 있음

결과 값

3-1. 함수 연습문제 : 윤년 구하기

조건1 : 4로 나누어 떨어지는 해는 윤년
조건2 : 100으로 나누어 떨어지는 해는 윤년이 아님
조건3 : 400으로 나누어 떨어지는 해는 윤년

먼저 prompt를 통해 년도를 입력받는다.
익명 함수를 통해 윤년 구별 함수 yearf를 선언
그리고 if문에 조건을 입력하여 윤년을 구별
조건2에 !를 붙여 값을 반대로 뒤집어 줌
실행 결과