$& en expresiones regulares

[zant95]

¿Alguien me explica este concepto? Por ejemplo cuando se quiere reemplazar usando un string.
Me interesaría eliminar el primer caracter de $& cuando estoy reemplazando ¿Es eso posible?
Perdonen, pero todavía no entiendo mucho de expresiones regulares.

Saludos.

[zerokilled]

buenas,
¿no consideras que ya es momento de leer alguna referencia acerca de expresiones regulares en javascript?
http://www.regular-expressions.info/javascript.html
https://developer.mozilla.org/User:q...ar_Expressions
https://developer.mozilla.org/en/Jav...Objects/regexp

[zant95]

Muchas gracias, de veras, he estado buscando información en Google y no encontré nada tan completo como eso.

[zant95]

ummm, por lo que he leído no hay nada para poder modificar un while como $&.
¿Me equivoco?

[zerokilled]

no, no puedes modificarlo porque dicha variable es solo visible dentro de los string. la solución consiste en crear referencias de grupos y luego en el string utilizar la referencia de ese grupo. en el primer enlace, lee la sección Replacement Text Syntax.

[zant95]

Lo he leido, pero no entiendo como solucionar entonces mi problema:

Código Javascript:

function emot(str) { 
    var regex = new RegExp(str, 'g'); 
    this.innerHTML = this.innerHTML.replace(regex, '<img  src=images/$&.png />'); 
};
 
emot.call(document.body, '!sad|!happy|!dizzy');
 

Es decir, reemplazar !sad, !happy y !dizzy por imágenes cuyo atributo src al usar $& quede sin el "!".

[zerokilled]

intenta analizando cualquiera de los siguientes artículos:
http://www.webreference.com/js/column5/values.html
http://javascript.about.com/library/blre15.htm

[zant95]

Vale, he aprendido un nuevo término, Back References y he estado probando formas y no hay manera. De hecho hasta he intentado con:

Código Javascript:

.replace(regex, '<img *src=images/' + '$&'.replace(/!/g,'') + '.png />');
 

Pero tampoco ha funcionado (sería demasiado fácil).

EDITO: ¿Es buen camino? ¿O con él código que llevo intentando todo el rato no podría?

[zerokilled]

EDITO: ¿Es buen camino? ¿O con él código que llevo intentando todo el rato no podría?

no, no se puede de esa forma. fijate que la referencia $& en si no contiene el string pareado por la expresión. según como yo lo veo, replace inserta el string $& cuando tiene una coincidencia y luego internamente el motor RegExp busca las referencias especiales y las reemplazas por el contenido. este paso es un proceso interno y no se puede tocar. aqui una demostración que ese método no funciona.

Código:

"!happy o !sad".replace(/!happy|!sad/g, console.log("$&"));

"!happy o !sad".replace(/!happy|!sad/g, (function(capture){console.log(capture);})("$&"));

nótese que en ambos códigos se imprime en la consola el string "$&" en lugar del string capturado por la expresión. la única forma que funciona hacer un replace al string capturado es si en lugar de pasar un string, pasaras una función en el segundo parámetro. en los enlaces que antes señalé habla respecto el segundo argumento. no obstante, aunque es posible mediante una función, el método que señale con backreference de grupos no requiere hacer ese proceso.

[_cronos2]

Mmm, yo lo veo más fácil que todo eso, creo. A ver así:

Código Javascript:

var rgxp = new RegExp('!(sad|happy|dizzy)', 'g');
'!happy'.replace(rgxp, '<img src="images/$1" />'); // "<img src="images/happy" />"
 

Saludos (:

[zant95]

Muchísimas gracias a todos, he resuelto el problema con el código que proporcionó _cronos2.

Al final he aplicado los conocimientos adquiridos de otros post para elaborar esto:

Código Javascript:

var css = document.createElement('style'); 
css.type = 'text/css'; 
css.innerHTML = '.Meme-icon{background: url("images/sprite.png") no-repeat; width: 30px; height: 30px; background-color:transparent; display:inline; border-width:0px; } .Meme-angry{ background-position: 0 0; } .Meme-awesome{ background-position: 0 -31px; }';
document.head.appendChild(css);
 
function reMeme() {
    var rgxp = new RegExp('!(angry|awesome)', 'g');
    document.body.innerHTML = document.body.innerHTML.replace(rgxp, '<input type="button" class="Meme-icon Meme-$1" title="$1" />');
}
 

Ahora me falta recurrir a los nodos como @zerokilled mencionó en este tema.

Saludos.