javascript_javascript 스킬에서 스트링 스플라이싱 시 주의해야 할 문제

개발 중에 모든 사람들은 일반적인 문자열 접합 방법 대신 가능한 한 StringBuilder를 사용하는 데 주의를 기울일 것입니다. 그러나 아마도 대부분의 개발자는 이 효율성 문제도 js에서 주의를 기울여야 한다는 점을 간과했을 것입니다.
성능 테스트를 실시하고 사실을 직접 확인해보세요!

코드 복사 코드는 다음과 같습니다.

function xntest(){
var d1=new Date();
var str="";
for(var i=0;i<10000;i ){
str ="stext"; d2=new Date();
document.write("문자열 연결 방법에는 시간이 걸립니다:" (d2.getTime()- d1.getTime()) "밀리초;"); ;
var sb=new StringBuilder();
for(var i=0;i<10000;i ){
sb.append("stext")
}
var 결과 =sb .toString();
d2=new Date();
document.write("배열 모드에서 시간 소모:" (d2.getTime()- d1.getTime()) "밀리초;") ;
}
/////Array를 사용하여 구현한 문자열 접합 함수는 C# 개발자의 이해를 돕기 위해 특별히 StringBuilde라는 이름을 붙였습니다.
function StringBuilder(){
this._strings_ =new 배열;
}
StringBuilder.prototype.append=function(str){
this._strings_.push(str)
}; ){
return this._strings_.join("");
};


xntest() 함수를 3번 실행한 결과는 다음과 같습니다.

String 접합 방법은 735초가 소요됩니다. 배열 방법은 62밀리초가 소요됩니다.

문자열 연결 방법은 63밀리초가 소요됩니다.
문자열 연결 방법은 63밀리초가 소요됩니다. 🎜>이 예는 끈을 10,000번 연결한 성능 테스트입니다. 관심 있는 친구들이 직접 테스트해 보면 결과가 분명할 것입니다.
그러므로 프론트 엔드 개발에서는 대규모 문자열 연결 작업도 피해야 하며, 코드 효율성을 합리적으로 향상시키기 위해 배열 방법을 사용해야 합니다.