JavaScript의 문자열 연결 : 문자열 concat ()에 대해 알아야 할 모든 것



JavaScript에서 문자열 연결이란 무엇입니까? 문자열 연결 방법은 여러 문자열을 가져와 병합하고 새로운 단일 문자열을 반환합니다.

성장 애플리케이션은 JavaScript에 대한 수요가 증가했습니다. 웹 디자인에 가장 중요한 언어 중 하나입니다. 이 기사는 JavaScript에서 문자열 연결 문자열이 다음 순서로 조작되는 방법을 설명합니다.

JavaScript에서 문자열 연결의 기초

연결은 두 문자열을 결합하는 기초를 형성하는 작업입니다. 문자열 병합은 프로그래밍의 불가피한 측면입니다. 'JavaScript의 문자열 연결'에 들어가기 전에 먼저 기본 사항을 정리해야합니다. 인터프리터가 작업을 실행하면 새 문자열이 생성됩니다. 모든 프로그래밍 언어에는 연결 작업에 대한 구문이 다릅니다.





edu.reka : Perl, PHP
교육 및 학습 : Visual Basic, Visual Basic.NET 및 Ada
strcat (edu, river) : C, C ++
edu + river : 자바
에듀 || 강 : FORTRAN

또한 이진, 부동, 문자, 정수 등과 같은 다른 데이터 유형에도 연결이 적용됩니다. 그러나이를 위해 데이터 유형이 먼저 문자열로 변환됩니다. 또한 객체를 다룰 때 문자열 연결은 객체 중 하나 또는 둘 모두가 동일한 클래스에 속하는 경우에만 가능합니다.

Microsoft Excel과의 비유



가장 기본적인 플랫폼 인 Microsoft Excel에서의 연결에 대해 알아 보겠습니다. CONCATENATE / CONCAT 함수는 둘 이상의 문자열을 함께 결합합니다. 워크 시트 함수로 사용되며 셀에 수식의 일부로 입력 할 수 있습니다.

통사론:

CONCATENATE (edu1, [edu2, & hellip.edu_n])

반환 값 :



문자열 / 텍스트

Excel의 문자열 연결

때때로 사용자는 결과에 공백을 추가하려고 할 수 있습니다. 이러한 경우 구문이 약간 다릅니다.

C 프로그래밍과의 비유

우리는 모두 가장 기본적인 언어 즉, 익숙합니다. C 프로그래밍, C에서 간단한 프로그램과의 연결을 이해합시다.

#include int main () {char edu1 [100], edu2 [100], i, j printf ( 'Enter first string :') scanf ( '% s', edu1) printf ( 'Enter second string :') scanf ( '% s', edu2) // edu1 문자열의 길이를 계산하고 // i에 저장 for (i = 0 edu1 [i]! = ''++ i) for (j = 0 edu2 [j]! = ''++ j, ++ i) {edu1 [i] = edu2 [j]} edu1 [i] = ''printf ( '연결 후 : % s', edu1) return 0}

산출:

첫 번째 문자열 입력 : edu
두 번째 문자열 입력 : reka
연결 후 : edureka

JavaScript에서 문자열은 어떻게 조작됩니까?

먼저 문자열 객체를 이해하겠습니다. . 일련의 문자를 저장하기 위해 프로그래밍에 사용되는 데이터 유형으로 문자열을 정의 할 수 있습니다. 정수 및 부동 소수점 단위도 문자열로 인코딩 할 수 있지만 대부분 숫자가 아닌 텍스트 형식입니다. 문자열 조작을 더 진행하기 전에 문자열 객체의 속성을 이해해야합니다.

  1. 빌더 : JavaScript 인스턴스의 프로토 타입에 의해 생성 된 참조를 반환합니다.

통사론:

array.constructor

암호:

자바 스크립트 배열 생성자 | Edureka var edu = new Array (10, 20, 30) document.write ( 'edu.constructor is :'+ edu.constructor)

산출:

edu.constructor is : function Array () {[네이티브 코드]}
  1. 길이: 아니오에 대해 알려줍니다. 배열의 요소

통사론:

array.length

암호:

자바 스크립트 배열 길이 | Edureka var edu = new Array (10, 20, 30) document.write ( 'edu.length is :'+ edu.length)

산출:

자바는 메소드에서 탈출
edu.length는 : 3
  1. 원기: 프로토 타입 속성을 사용하면 모든 객체 (숫자, 부울, 문자열 및 날짜 등)에 메서드와 속성을 추가 할 수 있습니다. 글로벌 자산입니다.

통사론:

object.prototype.name = 값

암호:

Edureka Objects function Online (course, platform) {this.course = course this.platform = platform} var myOnline = new Online ( 'R programming', 'Edureka') Online.prototype.price = null myOnline.price = 2400 문서. write ( '온라인 과정 :'+ myOnline.course + ' 
') document.write ('온라인 플랫폼 : '+ myOnline.platform +'
') document.write ('온라인 가격 : '+ myOnline.price +'
')

산출:

온라인 과정 : R 프로그래밍 온라인 플랫폼 : Edureka 온라인 가격 : 2400

문자열 조작 방법

S.no방법
하나 indexOf ()

문자열 객체가 처음 발견 된 인덱스 값을 반환합니다.

2 일부분()

이 방법은 주어진 문자열에서 특정 섹션을 추출하는 데 사용됩니다.

스플릿()

문자열을 두 개의 개별 문자열로 분리하기 위해이 방법이 사용됩니다.

4 concat ()

이 메서드는 두 개의 다른 문자열을 병합하고 병합 된 문자열을 반환하는 데 사용됩니다.

5 valueOf ()

문자열의 기본 값을 반환하기 위해이 메서드가 사용됩니다.

테이블에서 우리는 concat () 방법. 연결 방법은 여러 문자열을 취하고 병합하고 새로운 단일 문자열을 반환한다는 것을 알고 있습니다. 구문, 인수 및 예는 다음과 같습니다.

  • 통사론:
String.concat (edu1, edu2 [, & hellip, eduN])
  • 메서드의 인수 :

edu1, edu2, & hellip eduN은 연결을 위해 전달되는 문자열입니다.

  • 암호:
문자열 연결 | Edureka var edu1 = new String ( '학습에 관한 것이라면') var edu2 = new String ( 'Edureka가 올바른 플랫폼입니다') var edu3 = edu1.concat (edu2) document.write ( 'Result :'+ edu3)

산출:

학습에 관한 것이라면 Edureka는 올바른 플랫폼입니다.

또한 프로그래머는 여러 문자열을 함께 결합해야하는 경우가 있습니다. 둘 이상. JavaScript에서 문자열 연결 사용을 강조하는 간단한 코드를 살펴 보겠습니다.

 

세 개의 문자열을 결합합시다

Edureka Button function myFunction () {var edu1 = 'Hello'var edu2 = 'Edureka,'var edu3 = '오늘 코드를 작성합시다!' var con = edu1.concat (edu2, edu3) document.getElementById ( 'edu'). innerHTML = con}

산출:

그래서 우리는 자바 스크립트에서 문자열 연결과 관련된 모든 것을 논의했습니다. 이제 우리는 코드를 작성하고 연결 방법을 실제로 구현할 수 있는지 확인할 수있는 위치에 있습니다. 따라서 글을 쓰기 전에 할 수있는 일은 다음과 같습니다.

  1. 시각화 프로그램의 흐름
  2. 변수 선언 결정
  3. 몇 가지 적어 문자열
  4. 따라 여기에 작성
  5. 당신은 당신의 로컬 서버 .

이것으로 JavaScript 블로그의 String Concatenation이 끝났습니다. 문자열을 연결하거나 결합하는 다양한 방법을 이해 하셨기를 바랍니다.

이제 JavaScript에 대해 알았으니 에듀 레카. 웹 개발 인증 교육은 HTML5, CSS3, Twitter Bootstrap 3, jQuery 및 Google API를 사용하여 인상적인 웹 사이트를 만들고 Amazon Simple Storage Service (S3)에 배포하는 방법을 배우는 데 도움이됩니다.

질문이 있으십니까? 'JavaScript의 문자열 연결'의 주석 섹션에 언급 해 주시면 다시 연락 드리겠습니다.