TIL-JavaScript(수의 연산,문자열,변수)

22.04.28

🚈 수의 연산

> Math.pow(3,2);      // 9  -> 3의2승
Math.round(10.6);    // 11  -> 10.6을 반올림
Math.ceil(10.2);    //  11  -> 10.2를 올림(10.2보다 큰 정수)
Math.floor(10.6);  //   10  -> 10.6을 내림(10.6보다 작은 정수)
Math.sqrt(9);     //    3   -> 3의 제곱근
Math.random();   //     0부터 1.0사이의 랜덤한 숫자
100 * Math.random();    //  88.58773169087657  -> 숫자100보다 작은 숫자의 난수
Math.round(100 * Math.random());    //  84  -> 반올림한 정수값

🚌 문자열(String)

문자열(String)은 메모리에 저장된 알련의 연속된 문자(character)들의 집합을 의미합니다. 따라서 문자형 배열을 선언하면 이 배열이 곧 문자열 변수가 됩니다. 큰 따옴표("")를 사용해 표현되는 문자열을 문자열 상수(string constant)라고 합니다. 상수라고 표현되는 이유는 해당 문자열이 이름을 가지고 있지 않으며, 문자열의 내용 또한 변경할 수 없기 때문입니다.

alert("coding"+"everybody");  -> 문자와 문자를 더할때   // 결과 : codingeverybody
alert("coding"+""+"everybody");  -> 문자와 문자를 띄어쓰기 할 때   // 결과:coding everybody 
alert("coding everybody".length);  -> 문자의 길이를 구할때는 문자 뒤에 .length를 붙입니다.   //  결과: 16
alert("coding\neverybody");   -> \n(줄바꿈을 뜻함)    // 결과 : coding
                                                             everybody
typeof1    -> 숫자인지 문자인지 구문해주는 기호     // 결과 : number
typeof"1"  ->       //  결과 : string 

🚢 변수

변수는 데이터를 담기 위한 메모리 공간을 의미합니다. 어떤 값을 담기 위한 상자나 그릇이라고 비유할 수 있습니다.

🚆 변수의 선언

자바스크립트에서는 var 키워드로 변수를 선언하며, 선언함과 동사에 값을 할당할 수 있습니다. 또한, 쉼표(,)를 통해 여러 개를 한 문장으로 선언할 수 있습니다.

var a = 1;
alert(a);       // 결과 : 1
var first = 'coding';
alert (first + 'everybody');      // 결과 : coding everybody
var a = 'coding' , b = 'everybody';
alert(a+b);      // 결과 : coding everybody 

🚀 변수의 효용

변수는 코드의 재활용성을 높여줍니다.
변수가 없다면 다음과 같이 직접 값을 지정해야 합니다.

// 변수를 쓰기 전 
alert(100+10);
alert((100+10)/10);
alert(((100+10)/10)-10);
alert((((100+10)/10)-10)*10);

이러한 코드에서 조건이 변경되면 값을 하나씩 수정해야 하기 때문에 엄청난 노동이 필요합니다.
변할 수 있는 값을 a 라는 변수에 담아서 코드를 작성하면 조건이 변경되어도 a 에 넣는 초깃값만 바꿔주면 됩니다.

// 변수 사용 후 
a = 100;
a = a + 10;
alert(a);
a = a / 10;
alert(a);
a = a - 10;
alert(a);
a = a * 10;      
alert(a);

위의 코드에서 첫번째 줄의 100을 다른 숫자로 바꾸면 나머지 로직에 대입되는 변수의 값이 모두 바뀝니다. 수정해야 할 코드가 적다는 것은 그만큼 해야 할 일이 줄어든다는 의미고, 그 과정에서 버그가 발생할 가능성을 낮출 수가 있습니다.