for 반복문을 삼각형 그리면서 연습해보기

 

for 반복문 연습

 

주어진 높이에 맞게 *로 삼각형을 그리는 함수를 만들어 보자.

높이: 1
*
높이: 3
*
**
***
높이: 5
*
**
***
****
*****

 

우선 결과는 위와 같이 출력되어야 한다.

 

이를 위해 우선 함수를 만들고 파라미터를 설정한 후, for 반복문을 만들어줘야 한다.

const printTriangle = (height) => {
	for (let i = 1; i <= height; i++) {
    	
    }
}

console.log('높이: 1');
printTriangle(1);

console.log('높이: 3');
printTriangle(3);

console.log('높이: 5');
printTriangle(5);

 

for문을 채우기 전에, for문에서 파라미터로 받은 값의 수만큼 콘솔에 출력될 변수를 만들고 테스트를 해봐야 한다.

const printTriangle = (height) => {
	let triangle = '';
	for (let i = 1; i <= height; i++) {
    	triangle += i;
        console.log(triangle);
    }
}

console.log('높이: 1');
printTriangle(1);

console.log('높이: 3');
printTriangle(3);

console.log('높이: 5');
printTriangle(5);

 

위와 같이 for문 밖에서 변수 triangle을 빈 문자열 값으로 만들고, 반복문 안에서 반복될 때마다 i를 더해주었다. 그러면 콘솔에 아래와 같이 출력된다.

높이: 1
1
높이: 3
1
12
123
높이: 5
1
12
123
1234
12345

 

삼각형도 위와 같이 출력되면 된다. 다만 이제 triangle을 별 모양(*)으로 만들 차례다.

const printTriangle = (height) => {
	let triangle = '';
	for (let i = 1; i <= height; i++) {
    	triangle += '*';
        console.log(triangle);
    }
}

console.log('높이: 1');
printTriangle(1);

console.log('높이: 3');
printTriangle(3);

console.log('높이: 5');
printTriangle(5);

 

방법은 단순히 문자열 *로 재할당하는 것이다. 위와 같이 하면 콘솔에 제일 상단의 삼각형이 출력된다.