字符串是编程世界中最基本、最重要的数据类型之一，JavaScript也不例外。JavaScript是不可变的，便于存储可以由字符、数字和Unicode组成的文本。JavaScript提供了许多内置函数，允许以不同的方式创建和操作字符串。在本文中，我将分享一些操作JavaScript字符串的优雅技巧。 　　

　　1.split String JavaScript中的split()方法使用指定的分隔符字符串将String对象拆分为子字符串数组，并使用指定的拆分字符串确定每次拆分的位置。有两个可选参数(分隔符和可选限制计数)将字符串转换为字符或子字符串的数组。如果未设置分隔符，将返回数组中的完整字符串。分隔符可以是单个字符、字符串，甚至是正则表达式。下面是使用正则表达式用逗号和空格分割字符串的代码： 　　

　　Const title='4，JavaScript字符串技巧'；console.log(title.split(/\s，//))；//'4 '，' JavaScript '，'字符串技能' console.log(title.split(/\s，//，2))；//'4 '，' JavaScript '由split()函数拆分的字符串，只需通过join(')连接即可。 　　

　　2.JSON格式化和解析JSON不是一个只有JavaScript的数据类型，它被广泛用于前端和后端的数据交互。函数的作用是：将一个对象转换成JSON格式的字符串。通常，您只需要将一个对象作为参数，如下所示： 　　

　　const article={ Title : ' JavaScript字符串技巧'，视图： 30000，评论3360 null，内容3360未定义，}；const stra article=JSON . stringify(article)；console . log(stra article)；//{'title' 3360' JavaScript字符串技巧'，' view' 33603000，' comments' 3360 null}从上面的代码可以看出，stringify中过滤掉了未定义的值，但null值没有。 　　

　　JSON.stringify()可以接受两个可选参数。第二个参数是一个replacer，您可以在其中指定要打印的键数组或清除它们的函数。代码如下： 　　

　　console.log(JSON.stringify(文章，'标题'，'评论'))；//{'title' 3360' JavaScript字符串技巧'，' comments ' 3360 null } console . log(JSON . stringify(article，))；//{}对于庞大的JSON来说，传递长数组可能会影响可读性和效率。因此，您可以设置替换函数并为要跳过的键返回undefined，如下面的代码所示： 　　

　　const result=JSON . stringify(article，(key，value)=key==='title '？未定义的：值)；console.log(结果)；//{'view' 336030000，' comments ' 3360 null } json . stringify()的第三个参数通过指定缩进来格式化JSON(在嵌套块中很有用)。您可以传递一个数字来设置缩进间距，甚至可以传递一个字符串来替换空格。代码如下： 　　

　　console . log(JSON . stringify(article，' title '，' \ t ')；输出的格式如下： 　　

　　{ ' title ' : ' JavaScript String Skills ' }还有一个JSON.parse()函数，它接受JSON字符串并将其转换为JavaScript对象。它还接受一个reviver函数，该函数可以截取对象属性并在返回值之前修改属性值。 　　

　　const reviver=(key，value)=(key==='view '？0 :值)；var JSON string=JSON . string ify(article)；var JSON obj=JSON . parse(JSON string，revi ver)；console . log(JSON obj)；//{title: 'JavaScript字符串技巧'，view: 0，comments: null }3。多行字符串和嵌入式表达式在JavaScript中有三种创建字符串的方法，您可以使用单引号'' 　　

const countries1 = "China";const countries2 = "China";const countries3 = `China`;前两种创建方式基本相同，并且可以混合和匹配以连接或添加带引号的字符串（通过使用相反的语法风格），而反引号可以对字符串进行花哨而强大的操作。

反引号也称为模板字面量，反引号在创建多行字符串和嵌入表达式时很方便。下面是如何在 JavaScript 中使用字符串插值创建多行字符串的代码：

const year = "2021";const month = 7;const day = 2;const detail = `今天是${year}年${month}月${day}日，是个不错的日子！`;console.log(detail);输出的结果也换行了，如下：

今天是2021年7月2日，是个不错的日子！除了字符串字面量，在 ${} 中允许任何有效的表达式，它可以是一个函数调用或表达式，甚至是一个嵌套模板。

标记模板是模板字面量的一种高级形式，它允许使用一个函数来解析模板字面量，其中内嵌的表达式是参数。如下代码：

const title = "JavaScript 字符串技巧";const view = 30000;const detail = (text, titleExp, viewExp) => { const = <...text>; return `${string1}${titleExp}${string2}${viewExp}${string3}`;};const intro = detail`本文的标题是《${title}》，当前阅读量是： ${view}`;console.log(intro); // 文的标题是《JavaScript 字符串技巧》，当前阅读量是：300004. 验证字符串数组中是否存在子字符串查找 JavaScript 字符串中是否存在子字符串时间容易的事情，在 ES6 中，只需要使用 includes 函数。

但需要验证字符串是否存于数据中，主要数组中其中一项包含就返回 true ，如果都不包含返回 false，因此需要使用 some 函数与includes 一起使用，如下代码：

const arrayTitles = <"Javascript", "EScript", "Golang">;const hasText = (array, findText) => array.some((item) => item.includes(findText));console.log(hasText(arrayTitles, "script")); // trueconsole.log(hasText(arrayTitles, "php")); // false总结JavaScript 字符串操作是项目中常见的操作，上面4个技巧值得学习并应用到实际开发中。