> 웹 프론트엔드 > JS 튜토리얼 > JavaScript에서 연결 마스터하기

JavaScript에서 연결 마스터하기

Barbara Streisand
풀어 주다: 2024-12-24 07:14:15
원래의
184명이 탐색했습니다.

Mastering Concatenation in JavaScript

소개

연결은 두 개 이상의 문자열을 함께 결합하는 것입니다. 문자열은 작은따옴표 ' ' 또는 큰따옴표 " "로 묶인 기본 데이터 유형입니다. 연결은 특히 재사용 시 명확성과 가독성을 높이는 데 도움이 됩니다.
이 가이드에서는 문자열을 연결하는 다양한 방법을 살펴보겠습니다.

연산자 사용

덧셈 연산자를 사용하여 문자열을 연결하는 방법입니다

let firstname = "Motunrayo";
let lastname = "Adeneye";
console.log(firstname + lastname)//MotunrayoAdeneye
로그인 후 복사

이름 사이에 공백이 없다는 것을 알 수 있습니다. 그들 사이에 공간이 있도록.

let firstname = "Motunrayo ";
let lastname = "Adeneye";
console.log(firstname + lastname);Motunrayo Adeneye

로그인 후 복사

또는

let firstname = "Motunrayo";
let lastname = "Adeneye";
console.log(firstname + " " + lastname);//Motunrayo Adeneye

로그인 후 복사

= 연산자 사용

추가 기호와 할당 적도의 조합이 필요합니다.

let job = "frontend";
job+= " developer";
console.log(job)//frontend developer
로그인 후 복사

템플릿 리터럴 사용

선언된 변수를 사용하려면 백틱( )을 사용해야 합니다.

let name = "Motunrayo"
let age = 30;
let about = `Hello, My name is ${name}. I am ${age} years old`;

console.log(about); //Hello, My name is Motunrayo. I am 30 years old
로그인 후 복사

concat() 메소드 사용

이 방법은 문자열을 연결하는 데 사용됩니다

let word = "Java";
let result = word.concat("script");
console.log(result); //Javascript
로그인 후 복사

Join() 메소드 사용

이 방법은 문자열을 포함하는 배열을 결합하는 데 사용됩니다

let colors = ["red", "blue", "yellow"];
console.log(colors)//["red", "blue", "yellow"]
let result = colors.join(",");
console.log(result); //red,blue,yellow

로그인 후 복사

이 글을 마쳤습니다. 연결에 대해 배웠으면 좋겠습니다.

위 내용은 JavaScript에서 연결 마스터하기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿