Módulo SASS sass:string

El módulo sass:string facilita la combinación, búsqueda o separación de strings. La siguiente es la lista de funciones que se pueden utilizar con este módulo.

1. Función string.quote(): Esta función devuelve una string entre comillas.

  • Sintaxis:
    string.quote(string)
    quote(string)
  • Ejemplo:

    @debug string.quote(GeeksForGeeks);
    @debug string.quote("GeeksForGeeks");
  • Producción:
    "GeeksForGeeks"
    "GeeksForGeeks"
    

2. función string.index(): esta función devuelve el primer índice de la substring de una string, o nulo si la string no contiene la substring dada.

  • Sintaxis:
    string.index(string, substring)
    str-index(string, substring)
  • Ejemplo:

    @debug string.index("Geeks For Geeks", "Geeks"); 
    @debug string.index("Geeks For Geeks", "For");
  • Producción:
    1
    7
    

3. función string.insert(): esta función devuelve una copia de la string con la substring de inserción dada insertada en el índice dado.

  • Sintaxis:
    string.insert(string, insert, index)
    str-insert(string, insert, index)

    Si el índice dado es mayor que la longitud de la string, la substring de inserción se agrega al final de la string. Si el índice es más pequeño que la longitud negativa de la string, la substring de inserción se agrega al comienzo de la string.

  • Ejemplo:

    @debug string.insert("Geeks Geeks", " For", 7); 
    @debug string.insert("Geeks Geeks", " For", -7);
  • Producción:
    "Geeks For Geeks"
    "Geeks For Geeks"
    

4. función string.length(): Esta función devuelve el número total de caracteres de la string dada.

  • Sintaxis:
    string.length(string)
    str-length(string)
  • Ejemplo:

    @debug string.length("Geeks For Geeks"); 
    @debug string.length(GFG); 
    @debug string.index("");
  • Producción:
    15
    3
    0
    

5. función string.slice(): esta función devuelve el segmento de string que comienza en el índice indicado como «start-at» y termina en el índice indicado como «end-at» (ambos incluidos).

  • Sintaxis:
    string.slice(string, start-at, end-at: -1)
    str-slice(string, start-at, end-at: -1)
  • Ejemplo:

    @debug string.slice("Geeks For Geeks", 6); 
    @debug string.slice("Geeks For Geeks", 1, 5); 
    @debug string.slice("Geeks For Geeks", 1, -7);
  • Producción:
    For Geeks
    Geeks
    Geeks For
    

6. función string.to-upper-case(): Esta función devuelve la copia de la string dada con las letras ASCII convertidas a mayúsculas.

  • Sintaxis:
    string.to-upper-case(string)
    to-upper-case(string)
  • Ejemplo:

    @debug string.to-upper-case("Geeks For Geeks"); 
    @debug string.to-upper-case(geeks for geeks); 
  • Producción:
    "GEEKS FOR GEEKS"
    GEEKS FOR GEEKS
    
    • 7. función string.to-lower-case(): Esta función devuelve la copia de la string dada con las letras ASCII convertidas a minúsculas.

      • Sintaxis:
        string.to-lower-case(string)
        to-lower-case(string)
      • Ejemplo:

        @debug string.to-lower-case("Geeks For Geeks"); 
        @debug string.to-lower-case(geeks for geeks); 
      • Producción:
        "geeks for geeks"
        geeks for geeks
        

      8. función string.unique-id(): esta función devuelve una string generada aleatoriamente que es un identificador CSS válido y único dentro de la compilación Sass actual.

      • Sintaxis:
        string.unique-id()
        unique-id()
      • Ejemplo:

        @debug string.unique-id();  
        @debug string.unique-id(); 
      • Producción:
        uabtrnzug
        u6w1b1def
        

      9. función string.unquote(): Esta función devuelve la string dada como una string sin comillas. Esta función puede producir strings que no son CSS válidas, por lo que esta función debe usarse con cuidado.

      • Sintaxis:
        string.unquote(string)
        unquote(string)
      • Ejemplo:

        @debug string.unquote(GeeksForGeeks);
        @debug string.unquote(".color: green");
      • Producción:
        GeeksForGeeks
        .color: green
        

Publicación traducida automáticamente

Artículo escrito por Slash_IT y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *