格式化字符串(四)

格式化字符串(四)

直接使用字符串“.”方法的方式格式化字符串。

字符串增加each方法,使用判断的方式格式化字符串。


String.each({Array|JSON},|Boolean|?)

  1. 初级用法。

    例如:

     var string = '<ul>{for(var v in .){ $"<li>{v}</li>" } ^}</ul>'.each(["Vue", "V2", "Jquery", "Bootstrap"]);
     console.log(string); // => <ul><li>Vue</li><li>V2</li><li>Jquery</li><li>Bootstrap</li></ul>

    说明:
    用法{for(var? v in data) { EachString }^}1的方式嵌入字符串中。

  2. 中级用法。

    例如:

     var string = '<ul>{for(var v<k> in .){ $"<li data-index="{k}">{v}</li>" } ^}</ul>'.each(["Vue", "V2", "Jquery", "Bootstrap"]);
     console.log(string); // => <ul><li data-index="0">Vue</li><li data-index="1">V2</li><li data-index="2">Jquery</li><li data-index="3">Bootstrap</li></ul>

    说明:
    用法{for(var? v<k> in data) { EachString }^}2的方式嵌入字符串中。

  3. 高级用法。

    例如:

     var string = '<ul>{for(var v in .){ if(v.show) { $"<li>{v.name}</li>" } else { $"<li><s>{v.name}<s></li>" } } ^}</ul>'.each([{ show: true, name: "Vue" }, { show: true, name: "V2" }, { show: false, name: "Jquery" }, { show: true, name: "Bootstrap" }]);
     console.log(string); // => <ul><li>Vue</li><li>V2</li><li><s>Jquery<s></li><li>Bootstrap</li></ul>

    说明:
    用法{for(var? v in data) { if(|BooleanExpression|) { TrueString } else { FalseString } }^}3的方式嵌入字符串中。

  4. 进价级用法。

    说明:
    以上三种方式可有排列组合使用。

参考代码:Github


  1. 数组或对象遍历生成字符串。v是数组值或对象的属性值,.表示对象本身,var可有可无。EachStringString.judge({JSON},|Boolean|?)中的String用法一样。(查看使用详情:Blog

  2. 数组或对象遍历生成字符串。k是数组下标或对象属性名称。

  3. 数组或对象遍历并按照一定逻辑生成字符串。与String.judge({JSON},|Boolean|?)相近(ElseIf暂时没有考虑)。(查看使用详情:Blog

猜你喜欢

转载自www.cnblogs.com/vbing/p/10050240.html