>웹 프론트엔드 >JS 튜토리얼 >JavaScript에서 'text+='''가 작동하는 방식의 예

JavaScript에서 'text+='''가 작동하는 방식의 예

WBOY
WBOY앞으로
2023-09-06 11:21:111220검색

JavaScript 中“text+=

이 튜토리얼에서는 Javascript에서 "text += " " " 표시를 사용해야 하는 이유에 대해 설명합니다.

여기서 지침은 변수에 코드 조각을 할당하는 것입니다. 여기서 변수는 'text'이고, '+'는 문자열 연결 연산자, '='는 대입 연산자, "'"는 코드 줄, '""'는 추가할 문자열을 포함합니다.

프로그래머는 HTML 블록 추가, 문자열 추가 등과 같이 긴 코드 블록을 작성해야 합니다. 변수는 모든 값을 순서대로 저장하고 전체 데이터를 돔에 표시합니다. 콘텐츠 내에서 작은따옴표를 이스케이프합니다.

JavaScript에서 += 연산자는 변수에 값을 추가하는 데 사용됩니다. += 연산자의 오른쪽 값이 왼쪽 변수에 더해지고 그 결과가 변수에 저장됩니다.

다음은 JavaScript에서 text += ""를 사용하는 방법에 대한 몇 가지 예입니다. -

으아아아

첫 번째 예에서는 += 연산자를 사용하여 빈 문자열을 텍스트 변수에 연결합니다. 빈 문자열에는 문자가 없기 때문에 텍스트 변수의 값은 변경되지 않습니다.

두 번째 예에서는 += 연산자를 사용하여 num 변수를 1씩 증가시킵니다. 그러면 num 값이 1씩 증가합니다.

세 번째 예에서는 += 연산자를 사용하여 두 배열을 연결합니다. 이는 두 배열의 요소를 하나의 배열로 결합합니다.

Javascript에서 'text +=" " ' 표시의 목적

문법 1

으아아아

위 구문은 연결된 데이터를 innerHTML에 할당합니다.

예 1

이 프로그램에서 'htmlStr' 변수는 HTML 코드 블록을 저장하고 이를 이 변수에 할당하여 innerHTML을 설정합니다. 첫 번째 HTML 블록 뒤에는 블록을 끝내는 세미콜론이 있습니다. 프로그램은 연결 연산자와 대입 연산자를 사용하여 나머지 코드 블록을 코드 끝에 추가합니다.

으아아아

문법 2

으아아아

위 구문은 데이터를 연결하여 innerHTML 자체에 할당합니다.

예 2

또는 innerHTML에서 직접 여러 줄을 추가할 수도 있습니다. 아래 코드를 확인해 보세요. innerHTML += 'content'를 작성하면 작업이 완료됩니다.

으아아아

결론

이 튜토리얼에서는 Javascript에서 여러 줄의 코드가 있는 경우 연결 및 할당의 필요성에 대해 설명합니다. 이 접근 방식을 사용하면 코드가 깨끗하고 재사용 가능합니다. 이 작성 방법은 웹 페이지의 여러 위치에 동일한 HTML 콘텐츠가 필요할 때 도움이 됩니다. 또한 한 줄에 더 긴 코드를 작성할 때 구문 형식 오류가 발생할 가능성을 방지합니다.

이를 수행하는 두 가지 방법을 살펴보았습니다. 누구나 자신의 프로그램 필요에 따라 방법을 선택할 수 있습니다.

위 내용은 JavaScript에서 'text+='''가 작동하는 방식의 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제