[javascript]변수 지정하기

변수란

변할수 있는 수로 수학의 공식에서 x와 같이 임의의 변할수 있는 수를 말한다

변수를 만드는 이유는 여러 이유가 있지만 크게는

 

<script>
    //이렇게 긴 명령어를 계속해서 쓰는 것 보다
    document.getElementsByClassName("i")[0].innerHTML = "abc";

    //x의 변수에 저 명령들을 입력해서 x를 불러와 쓰는경우다
    x = document.getElementsByClassName("i")[0].innerHTML;
    x = "abc";

    //여러번 사용할 경우
    //document.getElementsByClassName("i")[0].innerHTML를 여러번 쓰는것 보다
    //x를 여러번 사용하는게 더 효율적이다
</script>

위 코드와 같이 간략하게 줄여쓸 경우 이후에는 x만 불러와서 사용하면 된다

 

<script>
    //document.getElementById("x").value라는 값을 가져올때 다른사람이 봤을때에는 x라는 id값을 이 무엇인지 모른다
    //이름을 지정해서 무엇을 의미 하는지 쉽게 알수 있다
    input_value = document.getElementById("x").value;
</script>

또한 개발자(사람)가 알아 볼 수 있게 만들어 준다

변수는 크게

1. 변할수 있는 변수(let)와 저는 var을 잘 사용하지 않습니다
2. 변하지 않는 변수(const)로 나뉜다

예시

<script>
    let ex_number = 0; //ex_number가 0이고 이 값은 변할 수 있다
    const input_1 = document.querySelector(`#input_1`); //input_1이라는 id를 갖고 있는 요소를 선택했으며 변하지 않는다
    const arr = [0,1]; //arr이라는 변수에 0과 1의 배열을 넣었고 이 값은 변하지 않는다
</script>