Anteponi il testo all'inizio della stringa

106

Qual è il metodo più veloce per aggiungere un nuovo valore all'inizio di una stringa?

— mate64
fonte

214

var mystr = "Doe";
mystr = "John " + mystr;

Non funzionerebbe per te?

— Thor Jacobsen
fonte

Sebbene questa soluzione possa sembrare "inefficiente" agli sviluppatori che si sono abituati a trucchi usati in altre lingue, ecco i test, confrontandoli con altre soluzioni: jsperf.com/prepend-text-to-string/5

— metalim

Wait non

— userebbe anche

2

@JuicY_Burrito +=Aggiunge alla fine del testo.

— Mark Kramer

127

Potresti farlo in questo modo ..

var mystr = 'is my name.';
mystr = mystr.replace (/^/,'John ');

console.log(mystr);

Espandi lo snippet

disclaimer: http://xkcd.com/208/

Aspetta, ho dimenticato di scappare da uno spazio. WHEEEEEE [taptaptap] eeeeee.

— Gabriele Petrioli
fonte

13

Sono tentato di votare questo per la striscia xkcd. Roba fantastica! La tua soluzione elegante è molto probabilmente più lenta perché istanzia il processore delle espressioni regolari.

— Rolf

13

@ Rolf non molto probabilmente. È certamente più lento della prestring + 'original string';soluzione.

— Gabriele Petrioli

2

@GabrielePetrioli Il vantaggio è che puoi semplicemente aggiungere alla tua catena di punti (pipeline). Puoi persino aggiungere qualcosa, come in questo caso mystr.replace (/ $ /, 'di Gabriele'). Potrebbe essere più lento, ma è esattamente quello che stavo cercando.

— Mateja Petrovic

2

Forse questo dovrebbe essere il nuovo standard: ogni post deve includere anche XKCD pertinenti.

— Brett84c

1

per qualche ragione ho pensato che il computer sulla scrivania fosse in realtà un bambino in una culla, e ho anche pensato che fosse strano che il ragazzo stesse picchiando il bambino.

— thedanotto

30

Poiché la domanda riguarda qual è il metodo più veloce , ho pensato di aggiungere alcune metriche di prestazione.

TL; DR Il vincitore, con un ampio margine, è l' +operatore e per favore non usare mai regex

https://jsperf.com/prepend-text-to-string/1

— KyleMit
fonte

1

Dato che vogliamo testare anteporre , e non solo concatenare, ho aggiornato i test: jsperf.com/prepend-text-to-string/5

— metalim

@metalim, ci sono state modifiche sostanziali che hai apportato ai test? Un prepend è solo la metà ordinata della concatenazione di stringhe. Inoltre, per jsPerf, non è necessario lanciare i casi di test in un ciclo; jsPerf chiama ogni metodo migliaia di volte per ottenere una linea di base dei punteggi. I test perf ottimizzano scenari particolari e non sono sicuro di quanto sia comune anteporre la stessa stringa 1.000 volte.

— KyleMit

Può esserci una differenza significativa se aggiungi una stringa corta a una lunga o una stringa lunga a una breve. Poiché siamo interessati a anteporre una stringa corta a una stringa arbitraria, questo è ciò che viene fatto nei test: anteporre una stringa breve all'aumento di una stringa più lunga. I loop sono lì per testare 1000 diverse lunghezze della stringa del suffisso, per evitare di testare solo brevi o solo lunghi. @KyleMit, se hai un'idea migliore, sentiti libero di implementarla nella prossima iterazione di prova.

— metalim

14

ES6:

let after = 'something after';
let text = `before text ${after}`;

— Griffi
fonte

7

Sebbene questo snippet di codice possa risolvere la domanda, includere una spiegazione aiuta davvero a migliorare la qualità del tuo post. Ricorda che stai rispondendo alla domanda per i lettori in futuro e quelle persone potrebbero non conoscere i motivi del tuo suggerimento sul codice. Cerca anche di non affollare il tuo codice con commenti esplicativi, questo riduce la leggibilità sia del codice che delle spiegazioni!

— kayess

1

ES6: String Interpolation

— Bryan Grace

8

potresti farlo anche in questo modo

"".concat("x","y")

— Chirag
fonte

1

e perché non "x" .concat ("y")? Solo per aggiungere un'altra istanza di stringa e renderla più lenta?

— metalim

6

Se desideri utilizzare la versione di Javascript denominata ES 2015 (aka ES6) o successiva, puoi utilizzare stringhe modello introdotte da ES 2015 e consigliate da alcune linee guida (come la guida di stile di Airbnb ):

const after = "test";
const mystr = `This is: ${after}`;

— Ilan Schemoul
fonte

2

Un'altra opzione potrebbe essere quella di utilizzare join

var mystr = "Matayoshi";
mystr = ["Mariano", mystr].join(' ');

— MatayoshiMariano
fonte

0

Puoi usare

var mystr = "Doe";
mystr = "John " + mystr;
console.log(mystr)

— Mayank
fonte