SOCO
console 창에서 마름모 만들기_재료 본문
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 |