블록체인 기반 핀테크 및 응용 SW개발자 양성과정 일기

[13일차 복습] JavaScript 함수, 객체 , 배열 연습

알로호모라 2021. 4. 1. 00:06
반응형

 

        var index=10;
        function hello(){
            var index=0;
            console.log(index);
        }
        index++;
        hello();
        console.log(index);
        hello();

0

11

0

 

        for(i=0; i<10; i++){
            console.log(i);
        }
        for(i=0; i<10; i++){
            console.log(i);
        }

for 구문 여러개면 오류 날 수 있으니 let 을 붙여주면 i 의 값은 for 구문 안에서 쓰이고 리셋됨. 

 

ㄹ

        for(let i=0; i<10; i++){
            console.log(i);
        }
        for(let i=0; i<10; i++){
            console.log(i);
        }

욜롷게.

 

 

질 문 

    <script type="text/javascript">
    const index=0;
    function hello(){
        var index=0;
        console.log(index);
        index++;
    }
    hello();
    hello();

0

0

    const index=0;
    function hello(){
        var index=1;
        console.log(index);
        index++;
    }
    hello();
    hello();

1

1

근데 const 는 상수 변수인데 function 안에서 var index=0;으로 바꿔짐? console창에 오류가 안나고 숫자가 나옴. 

 

* const 는 변수 지정할 때 자주쓰임

ex) 

const root=document.querySelector('#root');

 

 

       var index=10;
        function hello(){
            var index=0;
            console.log(index);
        }
        index++;
        hello();
        console.log(index);
        hello();

0

11

0

 

질문 2 

        var index=10;
        function hello(){
            index=0;
            console.log(index);
        }
        index++;
        hello();
        console.log(index);
        hello();

0

0

0

왜 000? 

 

        index=10;
        function hello(){
            var index=0;
            console.log(index);
        }
        index++;
        hello();
        console.log(index);
        hello();

0

11

0

 

질문 3

        index=10;
        function hello(){
            index=0;
            console.log(index);
        }
        index++;
        hello();
        console.log(index);
        hello();

 

0

0

0

 

=====================================

 

        const root=document.querySelector('#root');

        for(let i=0; i<10; i++){
            let li=document.createElement('li');
            li.innerHTML=i;
            root.appendChild(li);
        }

i 가 0~9 10번 돌 동안 root 라는 변수 (#root)에 i의 값을 담은 li를 추가해라 

 

 

  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
        const root=document.querySelector('#root');
        const star="*";

        for(let i=0; i<10; i++){
            let li=document.createElement('li');
            li.innerHTML=String(i+1)+'번 : '+ star;
            root.appendChild(li);
        }

 

 

  • 1번 : *
  • 2번 : *
  • 3번 : *
  • 4번 : *
  • 5번 : *
  • 6번 : *
  • 7번 : *
  • 8번 : *
  • 9번 : *
  • 10번 : *

String 을 처음 써봄 문자열로 전환하기 

 

 

        const star="*";

        for(let i=0; i<10; i++){
            for (let j=0; j<10; j++){
                document.write(star);
            }
            document.write('<br/>');
        }

10x 10별 만들어짐 

 

**********
**********
**********
**********
**********
**********
**********
**********
**********
**********

        const star="*";

        for(let i=0; i<10; i++){
            for (let j=0; j<i; j++){
                document.write(star);
            }
            document.write('<br/>');
        }
*
**
***
****
*****
******
*******
********
*********

 

별 피라미드  첫줄은 값없음 

 

배열로 피라미드 만들기 

        let arr=['*', '**', '***', '****', '*****']
        for (let i=0; i<5; i++){
            console.log(arr[i]);
        }

        for(let i=0; i<6; i++){
            for(let j=0; j<i; j++){
                if(i!=4){
                    document.write("*");
                }        
            }
            if(i==4){
                    document.write("hello");
                }
            document.write('<br/>');
        }


*
**
***
hello
*****

 

 

        let obj=new Object;
        obj.name="zero";
        obj.age="30";
        obj.career=['1년 프로그래밍', '2년 서버개발자'];

        console.log(obj);
        console.log(obj['name']);
        console.log(obj.name);

        for(index in obj){
            console.log(index);
        }   // 값 = name, age, career 

        function hello(){
            console.log('hello');
        }

        hello();

        const hi=function a (){
            console.log('hello2');
            console.log(a);
        }

        obj.hello=function(){
            console.log(this.name);
            console.log(this['age']);
        }
        
        console.log(obj.hello());

 

 

객체 복습 끗

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

반응형