[자바스크립트] 변수 (variable)

※ 변수

  자바스크립에서 변수는 var로 선언합니다.  var 뒤에 변수명을 적어 사용합니다.

변수의 이름은 일반적으로 $, _, 또는 특수 문자를 제외 한 모든 문자로 시작합니다. 

// 변수에 숫자 값을 대입 후 사용 예

var number = 10; // number라는 변수에 10을 대입
document.write(number + 5); // 15를 출력


// 변수에는 숫자뿐 아니라 문자를 대입해서 사용할 수도 있습니다.

var word = "Hello" // 문자는 꼭 따옴표를 사용해야 합니다.
document.write(word + " friend"); // Hello friend를 출력


// 각각의 변수에 값을 대입후 사용 가능합니다.

var word1 = "Hello";
var word2 = "friend";

document.write(word + " " + word2); // Hello friend를 출력

 

※ 변수는 코드의 반복성

  변수는 반복되는 소스를 한 번에 변환할 수 있습니다.  예로 10에 20을 더하고, 3로 나눈 후, 다시 15를 더한 후, 2를 곱하면서 각 단계의 결과를 보여 줘야 한다면 아래의 소스처럼 보일 겁니다. 

document.write(10 + 20);
document.write((10 + 20) / 3);
document.write(((10 + 20) / 3) + 15);
document.write((((10 + 20) / 3) + 15) * 2);

  하지만 처음 계산해야 할 수가 10이 아닌 20이면 위 코드의 10을 모두 변경해야 합니다. 

하지만 변수를 사용하면 아래와 같이 변하게 됩니다. 

var number = 10;
document.write(number + 20);
document.write((number + 20) / 3);
document.write(((number + 20) / 3) + 15);
document.write((((number + 20) / 3) + 15) * 2);

  위 코드에서는 첫줄의 number 값만 10에서 20으로 변경하면 아래 모든 number값이 변경됩니다.  수정해야 할 소스가 적으면 프로그래밍에서 해야 할 일이 줄어들고 오류가 생길 가능성이 줄어듭니다. 

 

하지만 변수는 나중에 배울 조건문, 반복문, 함수등과 함께 사용하면 더욱 중요해집니다.