IT 소스/자바스크립트
[자바스크립트] 변수 (variable)
한량이야기
2022. 3. 22. 13:23
반응형
※ 변수
자바스크립에서 변수는 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값이 변경됩니다. 수정해야 할 소스가 적으면 프로그래밍에서 해야 할 일이 줄어들고 오류가 생길 가능성이 줄어듭니다.
하지만 변수는 나중에 배울 조건문, 반복문, 함수등과 함께 사용하면 더욱 중요해집니다.
반응형