Besprechen Sie die Leistungsprobleme von js string array splicing_javascript-Fähigkeiten

Wir wissen, dass die String-Verkettung in js eine der Operationen mit der niedrigsten Leistung ist.
Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

var text="Hallo";
text = „Welt!“;

Frühe Browser haben diesen Vorgang nicht optimiert.
Da Zeichenfolgen unveränderlich sind, bedeutet dies, dass eine Zwischenzeichenfolge erstellt wird, um das Ergebnis der Verkettung zu speichern. Das häufige Erstellen und Zerstören von Zeichenfolgen im Hintergrund führt zu einer extrem geringen Leistung.

Daher können Array-Objekte zur Optimierung verwendet werden.
Zum Beispiel:

var buffer=[],i=0; 
buffer[i++]="Hello";  //通过相应索引值添加元素比push方法快 
buffer[i++]=" World!"; 
var text=buffer.join("");

In frühen Browsern gab es keine Zwischenerstellung und Zerstörung von Zeichenfolgen. Bei einer großen Anzahl von Zeichenfolgenverkettungen hat sich diese Technik als viel schneller erwiesen als die Verwendung von Additionen.

Heutzutage hat die Browseroptimierung von Zeichenfolgen die Situation der Zeichenfolgenverkettung verändert. Safari, Opera, Chrome, Firefox und IE8 zeigen alle eine bessere Leistung, wenn der Additionsoperator verwendet wird. Allerdings waren Versionen vor IE8 nicht optimiert, sodass die Array-Methode weiterhin funktioniert. Dies bedeutet nicht, dass wir bei der Zeichenfolgenverkettung eine Browsererkennung durchführen müssen. Bei der Entscheidung, wie verkettet werden soll, sind die Größe und Anzahl der Zeichenfolgen zu berücksichtigen.

Wenn die Zeichenfolge relativ klein ist (weniger als 20 Zeichen) und die Anzahl der Verbindungen ebenfalls gering ist (weniger als 1000), können alle Browser die Verbindung mithilfe des Additionsoperators problemlos in weniger als 1 Millisekunde herstellen. Die Leistung sinkt im IE7 erheblich, wenn die Anzahl oder Größe der Zeichenfolgen erhöht wird. Mit zunehmender Zeichenfolgengröße wird der Leistungsunterschied zwischen Additionsoperatoren und Array-Zusammensetzungstechniken in Firefox kleiner. Mit zunehmender Anzahl von Zeichenfolgen wird der Leistungsunterschied zwischen Additionsoperatoren und Array-Zusammensetzungstechniken in Safari kleiner. Der Additionsoperator in Chrome und Opera bleibt beim Ändern der Anzahl oder Größe von Zeichenfolgen vorne.

Daher hängt die gewählte Technologie aufgrund der inkonsistenten Leistung unter verschiedenen Browsern von der tatsächlichen Situation und dem Browser ab, mit dem Sie konfrontiert sind.

In den meisten Fällen wird der Additionsoperator bevorzugt; wenn der Benutzer hauptsächlich IE6 oder 7 verwendet und die Zeichenfolge groß oder viele sind, lohnt sich die Array-Technik.

Wenn es sich um eine semantische Zeichenfolge handelt, sollte im Allgemeinen kein Array verwendet werden, z. B.:
'Hallo, mein Name ist 'Name;
Wenn es sich bei der Zeichenfolge um eine „Wiederholung ähnlicher Situationen“ handelt, wird die Verwendung eines Arrays empfohlen, z. B.:

var array = []; 
for (i = 0; i < length; i++) { 
array[i] = '<li>' + list[i] + '</li'>; 
} 
document.getElementById('somewhere').innerHTML = array.join('\n');

Der Leistungsvergleich der js-String-Array-Verbindung wird hier vorgestellt. Ich hoffe, dass er für alle hilfreich ist.