标签：var   属性   boot   生成   pre   方式   asc   说明   tst   

格式化字符串（四）

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

字符串增加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 }^}¹的方式嵌入字符串中。

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 }^}²的方式嵌入字符串中。

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 } }^}³的方式嵌入字符串中。

4. 进价级用法。

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

参考代码：Github

格式化字符串（四）

标签：var   属性   boot   生成   pre   方式   asc   说明   tst   

原文地址：https://www.cnblogs.com/vbing/p/10050240.html