programing

JS 문자열 "+" 대 concat 메서드

goodcopy 2022. 11. 6. 13:24
반응형

JS 문자열 "+" 대 concat 메서드

저는 Java에 대한 경험이 있고 문자열과 "+" 연산자를 연결하면 새로운 개체가 생성된다는 것을 알고 있습니다.

JS에서의 베스트 프랙티스를 알고 싶은데 어떻게 하면 좋을까요?

MDN은 다음과 같은 의견을 가지고 있습니다.

성능상의 이유로 이 메서드 대신 문자열 연결 연산자(+, +=)를 사용하는 것이 좋습니다.

@Bergi의 링크도 참조해 주세요.

JS에서 "+" 연결은 새로운 연결 기능을 생성함으로써 작동합니다.String물건.

예를 들어...

var s = "Hello";

...우리는 하나의 물체를 가지고 있다.

다음:

s = s + " World";

는 새로운 오브젝트입니다.

두 번째 방법:String.protype.concat

배열에 문자열을 추가하고 다음을 사용하여 문자열을 완성한 적이 있습니다.join가장 빠르고 최선의 방법이었다.오늘날 브라우저는 고도로 최적화된 문자열 루틴을 가지고 있으며 다음과 같은 작업을 권장합니다.+그리고.+=가장 빠른 방법/최선 방법

  • 문자열 변수를 정수 변수에 연결할 수 없습니다.concat()이 함수는 정수가 아닌 문자열에만 적용되지만 + 연산자를 사용하여 문자열을 숫자(숫자)에 연결할 수 있습니다.
  • 아시다시피 함수는 연산자보다 상당히 느립니다.함수는 미리 정의된 함수에 값을 전달하고 함수의 결과를 수집해야 합니다.연산자가 인라인 연산을 수행하므로 연산자를 사용한 연산보다 속도가 느리지만 적절한 메모리 위치로 점프하는 데 사용되는 함수는...따라서 이전 답변에서 언급했듯이 다른 차이점은 분명히 작동 속도입니다.

<!DOCTYPE html>
<html>
<body>

<p>The concat() method joins two or more strings</p>


<p id="demo"></p>
<p id="demo1"></p>

<script>
var text1 = 4;
var text2 = "World!";
document.getElementById("demo").innerHTML = text1 + text2;
//Below Line can't produce result
document.getElementById("demo1").innerHTML = text1.concat(text2);
</script>
<p><strong>The Concat() method can't concatenate a string with a integer </strong></p>
</body>
</html>

이 코드로 시험할 수 있습니다(같은 경우).

chaine1 + chaine2; 

string.concat 메서드도 추천합니다.

언급URL : https://stackoverflow.com/questions/16124032/js-strings-vs-concat-method

반응형