728x90
01 1-50까지 for문으로 출력
{
for(let i=1; i<=50; i++){
document.write(i);
}
}
02 1-50까지 while문으로 출력
{
let num=1;
while(num<=50){
document.write(num);
num++;
}
}while문은 값이 true인 동안 반복하는 제어문이므로 num의 초기값을 1로 설정하고,
num이 50이하까지 증가하는 동안 반복하게 설정하면 1부터 50의 값이 나온다.
03 1-100까지 짝수로 출력(if문 사용X)
{
for(let i=2; i<=100; i+=2){
document.write(i);
}
}어차피 1은 홀수니까 if문을 사용하지 않으려면 2부터 2씩 증가시켜서 짝수를 구하는 방법 밖엔 없는 것 같다.
04 1-100까지 홀수로 출력(if문 사용)
{
for(let i=1; i<=100; i++){
if(i % 2 == 1){
document.write(i);
}
}
}05 테이블 50칸 출력(1-50숫자 출력)
{
let table="<table border='1'>"
let num=1
for(let i=1; i<=5; i++){
table += "<tr>"
for(let j=1; j<=10; j++){
table+="<td>"+num+"</td>"
num++;
}
table += "</tr>"
}
table+="</table>"
document.write(table)
}테이블이 나오게 하기 위해 border 값을 설정해주고 숫자를 출력해야하므로 변수 num값을 1부터 설정 해준다.
5*10테이블을 만들기 위해 5까지 1씩 증가하게 설정해주고 tr태그로 행을 만들어 준다.
이중 반복문에서 바깥쪽 반복문은 행을 만드는 역할을 하고, 안쪽 반복문은 각 행마다 10개의 셀을 만드는 역할을 한다.
따라서, 바깥쪽 반복문의 반복 횟수는 행의 개수, 안쪽 반복문의 반복 횟수는 한 행당 셀의 개수를 결정한다.
그래서 안에 중첩 for문을 넣어 10까지 1씩 증가하게 해주고, 안에 td 태그를 넣어 셀을 만들어준다.
근데 셀 안에 숫자가 들어가므로 td태그 사이 num을 넣어준다.
그리고 num을 증가시키고 마지막에 출력 해 주면 1-50까지 숫자가 들어있는 5*10 테이블이 완성된다.
06 1-10까지 합 출력
{
let sum = 0;
for(let i=1; i<=10; i++){
sum += i;
}
document.write(sum);
}합을 구하므로 변수 sum을 사용하겠다.
sum을 0으로 초기화 시키고 1-10까지 for문으로 i를 반복시키고 sum변수에 i를 더하게 하면,
for문을 통해 더하는 과정을 10번 반복한다.
(초기값 0 += 1이면 sum 변수가 1이 되니까 다음 반복은 1 += 2...)
그래서 결과를 출력하면 1부터 10까지의 합인 55가 나온다.
07 구구단 출력
{
for(let i=2; i<=9; i++){
for(let j=1; j<=9; j++){
document.write(i+"*"+j+"="+i*j,"<br>")
}
}
}위의 for문은 2단부터 9단까지 구하므로 2부터 9까지 증가하므로 9번 반복,
아래 중첩된 for문은 1부터 9까지 곱해지는 수 이므로 9번 반복,
그리고 i값과 j값을 곱해서 출력하면 2단부터 9단까지 구구단이 출력된다.
08 함수 유형 4가지 작성
//선언적 함수
{
function func(){
document.write("실행1")
}
func();
}//익명함수
{
const func= function(){
document.write("실행")
}
func();
}//매개변수 함수
{
function func(str){
document.write(str);
}
func("실행");
}//리턴값 함수
{
function func(){
const str = "실행"
return str;
}
document.write(func());
}09 함수 유형 4가지 화살표 함수로 변형
//선언적함수
{
func = () => {
document.write("실행")
}
func();
}//익명 함수
{
const func = () => {
document.write("실행")
}
func();
}//매개변수 함수
{
func = (str) => {
document.write(str)
}
func(실행);
}//리턴값 함수
{
func = () => {
const str = "실행"
return str;
}
document.write(func());
}