>  기사  >  웹 프론트엔드  >  javascript_javascript 스킬에서 스트링 스플라이싱 시 주의해야 할 문제

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

WBOY
WBOY원래의
2016-05-16 18:23:231048검색

개발 중에 모든 사람들은 일반적인 문자열 접합 방법 대신 가능한 한 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번 연결한 성능 테스트입니다. 관심 있는 친구들이 직접 테스트해 보면 결과가 분명할 것입니다.
그러므로 프론트 엔드 개발에서는 대규모 문자열 연결 작업도 피해야 하며, 코드 효율성을 합리적으로 향상시키기 위해 배열 방법을 사용해야 합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.