\n a fine elemento di un array solo in IE

[zn666]

Ciao a tutti, spero possiate aiutarmi

vorrei costruire uno script molto semplice che converte una stringa (prelevata da un campo textarea) in un array. Ogni riga della stringa deve essere un elemento dell'array.
Il problema è che dopo lo split('\n') solo in IE alla fine dell'elemento dell'array sembra comparire un \n perchè se provo ad aggiungere qualcosa dopo si vede che va in una nuova riga

Spero di essermi spiegato bene, se non fosse così per favore chiedetemi spiegazioni

<textarea id="1" cols="20" rows="5">
riga1
riga2
riga3
</textarea>
<input type="button" value="invia" onclick="funzione(document.getElementById('1').value)" />
<script>
function funzione(t1){
var array1 = t1.split('\n');
alert(array1[0]+'fondo');
}
</script>

Se questo script si prova prima in IE e poi in Firefox o Google Chrome, si nota che solo in IE la parola 'fondo' è in una nuova riga

[artorius]

ehm... beh, molto probabilmento IE utilizza il separatore per le linee di Windows ( \r\n ) anziché il più utilizzato \n (sistemi *nix), quindi per IE array1[0] contiene "testo\r" che è sufficiente ad andare a capo.

Fossi in te trasformerei i \r\n in \n prima di fare lo split.

P.S. tra l'altro sui sistemi Apple, l'a capo è solo \r, immaginatevi voi che casino...

[zn666]

Prima di tutto ti ringrazio tantissimo per la risposta

prima di far visualizzare l'array ho provato ad inserire

array1[0].replace('\r\n','\n');
array1[0].replace('\n','');

ma il risultato è lo stesso...
forse non è questo il modo giusto per risolvere questo problema? sapresti indicarmi tu cosa dovrei scrivere per far si che questo errore non si ripeta?


EDIT:
Facendo ripetute prove, sono riuscito forse ad aggirare il problema:
faccio un controllo per vedere se l'ultimo carattere è \r se si allora lo elimino

<textarea id="1" cols="20" rows="5">riga1
riga2
riga3
</textarea>
<input type="button" value="invia" onclick="funzione(document.getElementById('1').value)" />
<script>
function funzione(t1){
var array1 = t1.split('\n');
if (array1[0].substring(array1[0].length-1,array1[0].length) == '\r') array1[0] = array1[0].substring(0,array1[0].length-1);
alert(array1[0]+'fondo');
}
</script>

Non penso sia una soluzione elegante e a dire il vero non sono sicuro che possa andare bene, cosa ne pensate? avete un suggerimento più appropriato?

[br1]

var array1 = t1.replace(/\r?\n\r?/g,"\n").split('\n');

ciao

[artorius]

ah, br1 non ha messo la spiegazione, ma se ti interessa il motivo è soltanto che replace non trova TUTTE le occorrenze del pattern cercato, ma solo la prima, perché se gli passi una stringa di caratteri la funzione crea una RegExp a partire da essa, senza il secondo argomento ( http://www.javascriptkit.com/jsref/regexp.shtml il costrutture di RegExp prende 2 argomenti il primo la stringa il secondo il flag del tipo di ricerca) quindi è una ricerca alla prima occorrenza.

quello che passa br1, invece, è già una RegExp, con il flag g finale (che indica ricerca globale).

anche se però sono un attimo confuso dalla cosa, magari mi puoi rispondere tu br1: /\r?\n\r?/g non dovrebbe cercare tutte le occorrenze nella stringa che siano:

\r\n\r
\r\n
\n
\n\r

o mi sbaglio? se è così non capisco cosa serva lo \r? finale. C'è la possibilità che si verifichi \n\r? Perché a me sembra di no.

Io avrei fatto piuttosto:

t1.replace(/\r\n/g,"\n").replace(/\r/g, "\n").split('\n');

In modo che se ci sono dei \r\n li cambio in \n, se ci sono solo \r, li cambio in \n, ma solo dopo aver tolto i \r\n.

[zn666]

Originariamente inviato da br1
var array1 = t1.replace(/\r?\n\r?/g,"\n").split('\n');

ciao

t1.replace(/\r\n/g,"\n").replace(/\r/g, "\n").split('\n');

funzionano tutti e due... Grazie tantissimo

ringrazio artorius anche per le delucidazione sulla funzione replace, grazie

per me si può anche chiudere questo post

[br1]

.... l'ho scritta senza approfondire...

var array1 = t1.split(/[\r\n|\r|\n]/);

ciao

[zn666]

Originariamente inviato da br1
.... l'ho scritta senza approfondire...

var array1 = t1.split(/[\r\n|\r|\n]/);

ciao

quest'ultima però mi da errore di sintassi

posso confermare che funziona anche con questo metodo... ricapitolando avete suggerito 3 possibili soluzioni, vi ringrazio ancora

var array1 = t1.replace(/\r?\n\r?/g,"\n").split('\n');

var array1 = t1.replace(/\r\n/g,"\n").replace(/\r/g, "\n").split('\n');

var array1 = t1.split(/[\r\n|\r|\n]/);

più quella meno elegante a cui mi ero arrangiato io

var array1 = t1.split('\n');
if (array1[0].substring(array1[0].length-1,array1[0].length) == '\r') array1[0] = array1[0].substring(0,array1[0].length-1);