JavaScript +=연산자를 사용하는 방법

JavaScript +=연산자는 두 개의 값을 더하고 그 결과를 변수에 할당합니다. 이 연산자를 더하기 할당 연산자라고 합니다. 일반 변수 =X + Y 구문보다 더 편리합니다.

더하기 기호와 등호를 함께 사용합니까? 오타인가요? JavaScript에서 더하기와 등호는 나란히 의미가 있습니다. 자바스크립트 덧셈 할당 연산자입니다.

이 튜토리얼에서는 JavaScript +=연산자가 무엇이고 어떻게 작동하는지에 대해 이야기할 것입니다. 이 연산자를 사용하는 방법을 배우는 데 도움이 되도록 작동 중인 이 연산자의 예를 살펴보겠습니다.

자바스크립트 +=연산자란 무엇입니까?

JavaScript +=연산자는 연산자 오른쪽에 있는 값을 왼쪽에 있는 변수에 더합니다. 그런 다음 결과 값이 왼쪽에 있는 변수에 할당됩니다. 이 연산자를 더하기 할당 연산자라고 합니다.

이 연산자의 구문을 살펴보겠습니다.

let welcome = "Hello there, ";

console.log(welcome += "Sophie.");

값이 "Hello there,"인 "welcome"이라는 JavaScript 변수를 선언했습니다. 이어 "소피. 이 값으로. 더하기 할당 연산자는 이 두 값을 더한 다음 "welcome" 변수에 결과를 할당합니다.

코드 반환:

Hello there, Sophie.

이 연산자는 두 가지 용도로 사용됩니다. 두 개의 숫자를 더할 때 사용합니다. 두 문자열의 값을 더할 때도 사용됩니다.

참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.

부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.

할당 연산자는 다음과 같이 말하는 또 다른 방법입니다.

x = x + y

더하기 할당 연산자는 코드를 읽기 쉽게 만드는 방법입니다. 두 값을 더하고 결과를 변수에 할당하기 위해 "변수 =x + y"를 작성하는 것보다 +=기호가 훨씬 더 명확합니다.

루프가 실행된 횟수를 추적하는 카운터가 있는 루프에서 더하기 할당 연산자를 자주 볼 수 있습니다.

JavaScript +=연산자:숫자 추가

더하기 할당 연산자를 사용하면 두 숫자를 더할 수 있습니다. "The Count of Monte Cristo"가 목록에 몇 번 나타나는지 세는 프로그램을 만들어 보겠습니다. 이 목록에는 북클럽의 "올해의 책" 투표 결과가 포함되어 있습니다.

책의 이름을 포함하는 JavaScript 배열을 정의하는 것으로 시작하겠습니다. 우리는 또한 우리가 찾고 있는 책이 몇 번이나 나타나는지를 추적하는 변수를 선언할 것입니다:

var books = ["The Count of Monte Cristo", "All My Sons", "Of Mice and Men", "The Count of Monte Cristo", "To Have and Have Not"];
var count = 0;

다음으로 이 목록을 반복하고 "The Count of Monte Cristo"가 나타나는 횟수를 계산하는 JavaScript for 루프를 작성합니다.

for (b in books) {
	if (books[b] === "The Count of Monte Cristo") {
		count += 1
	}
}

console.log(`The Count of Monte Cristo was voted Book of the Year ${count} times.`);

for 루프는 "books" 목록을 반복합니다. 목록의 각 책에 대해 우리 프로그램은 제목이 "몬테 크리스토 백작"과 같은지 확인합니다. 그렇다면 더하기 할당 연산자를 사용하여 "count"의 값을 1만큼 증가시킵니다. 그렇지 않으면 아무 일도 일어나지 않습니다.

루프가 실행되면 프로그램은 책이 목록에 몇 번 나타났는지 출력합니다. 코드를 사용해 봅시다:

The Count of Monte Cristo was voted Book of the Year 2 times.

우리 코드는 책이 목록에 나타난 횟수를 계산했습니다.

+=연산자 JavaScript:문자열

JavaScript +=연산자는 두 문자열을 병합할 수 있습니다. 이 연산자는 긴 형식의 "변수 =x + y" 구문보다 더 편리합니다.

예를 들어 사용자의 이름과 성이 두 문자열로 되어 있다고 가정해 보겠습니다. +=연산자를 사용하여 이러한 값을 하나의 문자열로 병합할 수 있습니다.

목록에서 "B"로 시작하는 케이크를 확인하는 프로그램을 만들어 보겠습니다. 해당 케이크가 "B"로 시작하는 경우 새 문자열에 추가되어야 합니다. 그렇지 않으면 아무 일도 일어나지 않습니다.

목록과 문자열을 정의하는 것으로 시작하겠습니다.

var cakes = ["Babka", "Raspberry Ganache", "Strawberry Cheesecake", "Baked Alaska"];
var start_with_b = "| ";

변수 "start_with_b"에는 "B"로 시작하는 모든 케이크가 포함됩니다. 처음에 그 값은 "| ".

다음으로 모든 케이크를 반복하는 for 루프를 만들고 각 케이크가 "B"로 시작하는지 확인합니다.

for (cake in cakes) {
	if (cakes[cake].startsWith("B")) {
		var message = cakes[cake] + " | ";
		start_with_b += message
	}
}

console.log(start_with_b);

JavaScript startsWith() 메서드를 사용하여 목록의 각 케이크가 "B"로 시작하는지 확인합니다.

케이크가 "B"로 시작하면 if 문이 실행됩니다. if 문 내에서 "message"라는 변수를 선언합니다. 이것은 " | "라고 모든 케이크 이름 끝에. 문자열에서 별도로 표시되도록 이 작업을 수행합니다.

다음으로 할당 연산자를 사용하여 "start_with_b" 변수의 끝에 "message"의 내용을 추가합니다.

코드를 실행해 보겠습니다.

| Babka | Baked Alaska |

우리 코드는 "B"로 시작하는 모든 케이크 목록을 반환합니다.

두 문자열을 병합하는 대안은 연결 연산자 또는 concat() 메서드를 사용하는 것입니다. 이러한 방법에 대해 자세히 알아보려면 JavaScript 문자열 연결 가이드를 확인하세요.

결론

더하기 할당(+=) 연산자는 다른 값에 값을 더하고 결과 값을 변수에 할당합니다. 문자열 끝에 값을 추가하거나 숫자 값을 함께 추가하는 데 자주 사용됩니다.

JavaScript에 대해 더 알고 싶으십니까? 전문적인 학습 팁과 최고의 온라인 도서 및 과정에 대한 지침을 보려면 전체 JavaScript 학습 방법 가이드를 확인하세요.