[ javascript ] 변수

한대희·2022년 10월 21일
0

JavaScript

목록 보기
1/23

변수의 개념

데이터를 편하게 다루기 위해 데이터에 이름을 붙일 수 있다. 그 이름을 바로 변수라고 부른다.좀 더 구체적으로 말하자면 컴퓨터에는 데이터를 보관할 수 있는 '메모리'라는 것이 있다. 메모리는 메모리 셀이라는 동일한 크기의 작은 보관함으로 구성되 있는데 여기서 작은 보관함인 메모리 셀의 이름이 바로 '변수'라고 생각하면 된다.

변수의 선언과 할당

변수에는 선언과 할당이라는 개념이 존재한다.
'선언'이란 메모리에 데이터를 넣을 공간을 확보하는 것을 의미한다.
'할당'이란 확보된 공간에 데이터를 넣어주는 것을 의미한다.
변수의 선언은 let으로 하면 되고 할당은 변수=값 을 넣어주면 된다.여기서 '='의 의미는 같다를 의미하는 것이 아니라 오른쪽 값을 왼쪽에 넣어준다는 의미이다.

color라는 변수를 선언하고 black이라는 값을, color2라는 변수를 선언하고 blue라는 값을 넣어보자. 선언하고 값을 할당 해줘도 되지만 동시에 해줘도 상관없다.

let color
color="black"
console.log(color); // black

let color2="blue" 
console.log(color2); // blue

변수의 활용

예를들어 반지름이 5인 원의 넓이를 구하는 코드를 만들어 보면
원의 넓이를 구하는 공식이 원주율반지름반지름 이므로

원주율55라는 코드를 짜야 하는데 만약 반지름이 다른 여러가지 원의 넓이를 구해야 한다면 원주율을 매번 입력하기 힘드니 원주율을 변수로 지정해서 다음과 같이 사용하면 된다.

let pi=3.14

console.log(pi*5*5) // 78.5

추가적으로 내가 지정한 변수의 값을 바꾸고 싶을때는 let을 사용하지 않는데 다음 과 같이 하면 된다.

let sum=1
sum=2
console.log(sum) // 2

let sum2=2
sum2=sum2+2
console.log(sum2) // 4

마지막으로 변수를 활용하여 구구단을 완성해 보자.변수를 활용하지 않는 다면 괄호 안에 있는 2라는 숫자를 모두 바꿔가며 9단까지 완성해야 하기 때문에 시간이 많이 걸린다.

console.log(2 * 1) // 2
console.log(2 * 2) // 4
console.log(2 * 3) // 6
console.log(2 * 4) // 8
console.log(2 * 5) // 10
console.log(2 * 6) // 12
console.log(2 * 7) // 14
console.log(2 * 8) // 16
console.log(2 * 9) // 18

따라서 그 부분을 num이라는 변수로 지정해서 사용한다면 더 수월하게 만들 수 있다.아래의 예시 처럼 num값을 바꿔가며 입력하면 된다.

let num = 3;

console.log(num * 1) // 2
console.log(num * 2) // 4
console.log(num * 3) // 6
console.log(num * 4) // 8
console.log(num * 5) // 10
console.log(num * 6) // 12
console.log(num * 7) // 14
console.log(num * 8) // 16
console.log(num * 9) // 18
profile
개발 블로그

0개의 댓글

관련 채용 정보