자바스크립트 변수의 값 변경 방법

09 Sep 2023

javascript

자바스크립트에서는 변수에 값을 할당하고, 해당 변수의 값을 변경하는 것이 매우 중요합니다. 이에 대해 몇 가지 방법을 살펴보겠습니다.

1. 변수에 값 직접 할당하기

가장 간단한 방법은 변수에 직접 값을 할당하는 것입니다. 이때 변수의 타입에 따라 할당된 값의 타입이 결정됩니다.

예시 코드:

let myVariable = 10;
myVariable = 20; // 값을 변경
console.log(myVariable); // 출력 결과: 20

2. 증감 연산자 사용하기

숫자 변수의 값을 증가시키거나 감소시킬 때는 증감 연산자(++ 또는 --)를 사용할 수 있습니다.

예시 코드:

let count = 0;
count++; // 값을 1 증가
console.log(count); // 출력 결과: 1

let number = 10;
number--; // 값을 1 감소
console.log(number); // 출력 결과: 9

3. 산술 연산자 사용하기

자바스크립트는 다양한 산술 연산자(+, -, *, /, %)를 제공하여 변수의 값을 변경할 수 있습니다.

예시 코드:

let x = 10;
x = x + 5; // 덧셈 연산을 통한 값 변경
console.log(x); // 출력 결과: 15

let y = 20;
y = y * 2; // 곱셈 연산을 통한 값 변경
console.log(y); // 출력 결과: 40

4. 함수 호출을 통한 값 변경

함수를 사용하여 변수의 값을 변경할 수도 있습니다. 함수에서 전달받은 값을 변수에 할당하거나, 함수 내에서 변수 값을 변경할 수 있습니다.

예시 코드:

let greeting = "Hello";

function changeGreeting() {
  greeting = "Hi"; // 변수 값 변경
}

changeGreeting();
console.log(greeting); // 출력 결과: Hi

5. 객체의 프로퍼티 값 변경

객체에 속한 프로퍼티의 값을 변경하기 위해서는 점(.) 또는 대괄호([])를 사용하여 접근하고, 값을 할당하면 됩니다.

예시 코드:

let person = {
  name: "John",
  age: 25
};

person.name = "Jane"; // 프로퍼티 값 변경
console.log(person.name); // 출력 결과: Jane

person["age"] = 30; // 대괄호 표기법으로 프로퍼티 값 변경
console.log(person.age); // 출력 결과: 30

자바스크립트 변수의 값 변경 방법은 이처럼 다양하게 존재합니다. 필요에 따라 적절한 방법을 선택하여 값을 변경하고, 원하는 결과를 얻을 수 있도록 활용해보세요.