源码 https://github.com/webabcd/TypeScriptDemo
作者 webabcd

兼收并蓄 TypeScript - 基础: string

示例如下:

basic\string.ts

{
    let a = "\x7A"; // 十六进制的 “7A” 是字符 “z”
    let b = "\u{7A}"; // 十六进制的 “7A” 是字符 “z”
    let c = "\u{738B}"; // UTF-8 (Unicode) 中 /u4e00-/u9fa5 是中文，\u738B 代表的是汉字 “王”
    let d = "王".charCodeAt(0).toString(16); // 将指定的字符转换为 UTF-8 (Unicode) 编码
    console.log(`${a} ${b} ${c} ${d}`);
    // z z 王 738b


    // 将其他类型的数据转换为字符串
    console.log(String(123), String(true));
    // 123 true


    // 可以通过 '' 或 "" 或 `` 定义字符串
    console.log('"""', "'''", `'''"""`);
    // """ ''' '''"""


    // includes() - 是否包含指定的字符串
    // startsWith() - 是否以指定的字符串开头, 第 2 个参数是可选的用于指定开始查找的位置
    // endsWith() - 是否以指定的字符串结尾, 第 2 个参数是可选的用于指定结束查找的位置
    let e = "abc,ijk,xyz";
    console.log(`${e.includes("ijk")} ${e.startsWith("abc")} ${e.startsWith("ijk", 4)} ${e.endsWith("xyz")} ${e.endsWith("ijk", 7)}`);
    // true true true true true


    // repeat() - 让字符串重复指定的次数
    let f = "webabcd,";
    console.log(`${f.repeat(3)}`);
    // webabcd,webabcd,webabcd,


    // `` 这玩意叫模板字符串（template string），可以在 ${} 中执行表达式或函数或变量等
    let g = "webabcd"
    console.log(`hello: ${g}，${g.length}`);
    // hello: webabcd，7
    
    // 可以通过 template string 定义多行文本
    let h = `123
 456 " ' \` \\n`;
    console.log(`${h}`);
    // 123
    //  456 " ' ` \n


    // 标签模板（tagged template），就是自定义的模板字符串
    // 本例中 strings 的值为 ["key1: ", ", key2: ", ""]
    // 本例中 values 的值为["value1", "value2"]
    function i(strings: TemplateStringsArray, ...values: any[]) {  
        let result = "";  
        for (let i = 0; i < strings.length; i++) {  
            result += strings[i];  
            if (i < values.length) {  
                result += values[i];  
            }  
        }  
        return result;  
    }
    console.log(i`key1: ${"value1"}, key2: ${"value2"}`);
    // key1: value1, key2: value2
}

// es2017 新特性
{
    // padStart() - 指定字符串的最小长度，以及当长度不够时左侧需要补全的字符串
    console.log("abc".padStart(10, "x")) // xxxxxxxabc
    // padEnd() - 指定字符串的最小长度，以及当长度不够时右侧需要补全的字符串
    console.log("abc".padEnd(10, "x")) // abcxxxxxxx
}

// es2019 新特性
{
    // trimStart() - 去除字符串左侧的空白字符（来自 es2019）
    console.log('  hello world  '.trimStart()); // "hello world  "
    // trimEnd() - 去除字符串右侧的空白字符（来自 es2019）
    console.log('  hello world  '.trimEnd()); // "  hello world"
    // trim() - 去除字符串两侧的空白字符（来自 es5.1）
    console.log('  hello world  '.trim()); // "hello world"
}

// es2021 新特性
{
    const str = 'aaabbbccc';
    console.log(str.replace("b", "z")); // aaazbbccc
    // replaceAll() - 替换所有匹配的字符串，而不仅仅是第一个匹配的字符串（来自 es2021）
    console.log(str.replaceAll("b", "z")); // aaazzzccc
}

源码 https://github.com/webabcd/TypeScriptDemo
作者 webabcd