SOCO

console 창에서 마름모 만들기_재료 본문

프론트/java script 재료

console 창에서 마름모 만들기_재료

ssooda 2021. 6. 5. 11:10

1. console.log

console.log( ) => console창에 괄호 안의 내용을 '그려라'는 뜻이다.

반환값은  undefined이다.

console.log('안녕'+3)
console.log('안녕',3)

console.log에는 +와 ,를 사용할 수 있다.

내가 발견한 차이점은

우선

+를 하는 경우에는 안녕3으로 나타나지만,

,를 하는 경우에는 안녕 3으로 나타난다.

또한 +의 경우 3이 검은색으로 나타나지만

,를 하는 경우 3이 파란색으로 나타난다.

console.log('3')
console.log(3)

문자열 3의 경우 검은색으로 나타나고, 숫자 3의 경우 파란색으로 나타나는 걸 확인했는데,

아마도

+를 사용하는 경우에는 문자열로 타입이 변환되지만,

,를 사용하는 경우에는 타입이 그대로 유지되는 것 같다.

(확인 필요)

 

2. .repeat( )

문자열을 연달아 쓰고 싶을 때 .repeat(횟수)를 사용할 수 있다.

console.log('3'.repeat(3))

이렇게 하는 경우 333으로 나타난다.

숫자의 경우 .repeat을 사용할 수 없는 듯 하다 

console.log(3.repeat(3))

이 경우에는 Invalid or unexpected token 에러가 뜬다

 

 

3. for, while => 반복문

i=0;
while(i<10){
	console.log('안녕');
    i++;
    }
for(i=0 ; i<10 ; i++){
	console.log('안녕');
    }

 

------------

마름모 만들기

  *    

 ***  

*****

 ***

  * 

 

우선 규칙을 찾는 것이 중요하다

i 빈칸 *
0 2 1
1 1 3
2 0 5
3 1 3
4 2 1

i=2인 경우를 기준으로

i 빈칸 *
0 2 - i 2*i + 1
1 2 - i 2*i + 1
2 2 - i 2*i + 1
3 i - 2 9 - 2*i
4 i - 2 9 - 2*i

 

 

for(i=0 ; i<5 ; i++){
	if(i<3){
    	console.log(' '.repeat(2-i),'*'.repeat(2*i+1),' '.repeat(2-i);
       } else{
        console.log(' '.repeat(i-2),'*'.repeat(9-2*i),' '.repeat(i-2);
       }
    }

 

'프론트 > java script 재료' 카테고리의 다른 글

베스킨라빈스 31 (혼자)_재료  (0) 2021.06.08
야구게임 만들기_재료  (0) 2021.06.06
계산기 만들기_재료  (0) 2021.06.06
console 창에서 마름모 만들기  (0) 2021.06.05
끝말잇기 (word-relay) _재료  (0) 2021.06.04