📜  SASS sass:字符串模块

📅  最后修改于: 2021-08-30 11:50:23             🧑  作者: Mango

sass: 字符串模块使组合、搜索或拆分字符串变得容易。以下是可以使用此模块使用的功能列表。

1. 字符串.quote()函数:该函数返回一个带引号的字符串。

  • 句法:
    string.quote(string)
    quote(string)
  • 例子:
    @debug string.quote(GeeksForGeeks);
    @debug string.quote("GeeksForGeeks");
    
  • 输出:
    "GeeksForGeeks"
    "GeeksForGeeks"
    

2. 字符串.index()函数:该函数返回字符串的子字符串的第一个索引,如果字符串不包含给定的子字符串,则返回 null。

  • 句法:
    string.index(string, substring)
    str-index(string, substring)
  • 例子:
    @debug string.index("Geeks For Geeks", "Geeks"); 
    @debug string.index("Geeks For Geeks", "For");
    
  • 输出:
    1
    7
    

3. 字符串.insert()函数:该函数返回一个字符串的副本,其中给定的插入子字符串插入到给定的索引处。

  • 句法:
    string.insert(string, insert, index)
    str-insert(string, insert, index)

    如果给定的索引大于字符串的长度,则在字符串的末尾添加插入子字符串。如果索引小于字符串的负长度,则将插入子字符串添加到字符串的开头。

  • 例子:
    @debug string.insert("Geeks Geeks", " For", 7); 
    @debug string.insert("Geeks Geeks", " For", -7);
    
  • 输出:
    "Geeks For Geeks"
    "Geeks For Geeks"
    

4. 字符串.length()函数:该函数返回给定字符串的总字符数。

  • 句法:
    string.length(string)
    str-length(string)
  • 例子:
    @debug string.length("Geeks For Geeks"); 
    @debug string.length(GFG); 
    @debug string.index("");
    
  • 输出:
    15
    3
    0
    

5. 字符串.slice()函数:该函数返回以“start-at”给出的索引开始并以“end-at”给出的索引结束的字符串切片(两者都包括)。

  • 句法:
    string.slice(string, start-at, end-at: -1)
    str-slice(string, start-at, end-at: -1)
  • 例子:
    @debug string.slice("Geeks For Geeks", 6); 
    @debug string.slice("Geeks For Geeks", 1, 5); 
    @debug string.slice("Geeks For Geeks", 1, -7);
    
  • 输出:
    For Geeks
    Geeks
    Geeks For
    

6. 字符串.to-upper-case()函数:该函数返回给定字符串的副本,其中 ASCII 字母转换为大写。

  • 句法:
    string.to-upper-case(string)
    to-upper-case(string)
  • 例子:
    @debug string.to-upper-case("Geeks For Geeks"); 
    @debug string.to-upper-case(geeks for geeks); 
    
  • 输出:
    "GEEKS FOR GEEKS"
    GEEKS FOR GEEKS
    

      7. 字符串.to-lower-case()函数:此函数返回给定字符串的副本,其中 ASCII 字母转换为小写。

      • 句法:
        string.to-lower-case(string)
        to-lower-case(string)
      • 例子:
        @debug string.to-lower-case("Geeks For Geeks"); 
        @debug string.to-lower-case(geeks for geeks); 
        
      • 输出:
        "geeks for geeks"
        geeks for geeks
        

      8. 字符串.unique-id()函数:这个函数返回一个随机生成的字符串,它是一个有效的 CSS 标识符并且在当前 Sass 编译中是唯一的。

      • 句法:
        string.unique-id()
        unique-id()
      • 例子:
        @debug string.unique-id();  
        @debug string.unique-id(); 
        
      • 输出:
        uabtrnzug
        u6w1b1def
        

      9. 字符串.unquote()函数:该函数将给定的字符串作为未加引号的字符串返回。此函数可能会生成无效的 CSS字符串,因此必须谨慎使用此函数。

      • 句法:
        string.unquote(string)
        unquote(string)
      • 例子:
        @debug string.unquote(GeeksForGeeks);
        @debug string.unquote(".color: green");
        
      • 输出:
        GeeksForGeeks
        .color: green