格式化字符串

Posted 2021-01-24 vbing

格式化字符串（四）

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

字符串增加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

---

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

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

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