【JS基础】- 常用的字符串方法

1、split() - 将字符串分割成数组

        split(separator,limit) 用于把一个字符串分割成字符串数组，返回被分割的字符串数组。该方法不会改变原始字符串。

        separator：必需。字符串或正则表达式，从该参数指定的地方分割 string。

        limit：可选。该参数可指定返回的数组的最大长度；如果设置了该参数，返回的子串不会多于这个参数指定的数组；如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

const str = 'Jan,Feb,Mar,Apr,May,Jun';

conlose.log(str.split(',')); // ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']

conlose.log(str.split(',', 3)); // ['Jan', 'Feb', 'Mar']

2、slice() - 截取字符串片段

        slice(start, end) 用于提取字符串的某个部分，并以新的字符串返回被提取的部分，而不修改原始字符串。

        start：必须。 要截取的片断的起始索引，第一个字符位置为 0。如果为负数，则从尾部开始截取。

        end：可选。 要截取的片段结尾的索引。若未指定此参数，则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数，那么它规定的是从字符串的尾部开始算起的位置。

        截取时包括start位置的字符，但不包括end位置的字符；start位置要在end的前面，不然则返回空字符串。

const str = 'Hello World!';

conlose.log(str.slice(6)); // 'World!

conlose.log(str.slice(2, 4)); // 'll'

conlose.log(str.slice(-3, -1)); // 'ld'

conlose.log(str.slice(6, -1)); // 'World'

conlose.log(str.slice(6, -6)); // ''

3、concat() - 字符串拼接

        concat(value) 将字符串参数（value可多个）连接到该字符串并返回一个新字符串。

        value：必需。如果参数不是字符串类型，则在连接之前会将它们强制转换为字符串值。

该方法与加法/字符串连接运算符非常相似，不同之处在于concat()将其参数直接强制为 strings，而加法首先将其操作数强制为原语。

const str = 'hello';

console.log(str.concat(' ', 'world', '!')); // 'hello world!'

console.log(str.concat(' ', true, ' ', 23, {})) // 'hello true 23[object Object]'

4、replace() - 字符串替换

        replace(pattern， replacement) 返回被替换后的字符串，仅替换第一个出现的位置，原始字符串保持不变。

        pattern：必需。字符串或带有Symbol.replace方法的对象（如正则表达式）；如果pattern是空字符串，则替换内容将添加到字符串的开头；如果pattern是字符串而不是正则时，要替换原始字符串中所有出现的pattern字符串，则可使用 replaceAll() 方法

        replacement：必需。字符串或函数；如果它是一个函数，它将在每次匹配时调用它，并将其返回值用作替换文本。

let str = 'yuan wen 被替换的字符1——被替换的字符2';

// 正则加g全局替换，在文本中有多个字符需要替换时，不加g的话只会替换第一次找到的字符
let afterReplaceStr = str.replace(/被替换的字符/g,'要替换的字符'); 
console.log(afterReplaceStr); // yuan wen 要替换的字符1——要替换的字符2

console.log(str.replaceAll('被替换的字符', '要替换的字符')); // yuan wen 要替换的字符1——要替换的字符2

        pattern为空字符串时的情况：

let str = 'yuan wen';
let afterReplaceStr = str.replace('','要添加的字符_');
console.log(afterReplaceStr); // 要添加的字符_yuan wen

5、includes() - 判断字符串是否包含另一个字符串

        includes(searchString, position) 判断字符串中是否包含给定的字符串（searchString），会区分大小写，包含则返回true，不包含返回false。

        searchString：必需。要在字符串中搜索的字符串，非字符串会被强制转换为字符串，（不能是正则表达式，会抛出异常）。

        position：可选。字符串中开始搜索给定字符串（searchString）的位置。

const str = 'this is a text1';

console.log(str.include('is')); // true

console.log(str.include('Is')); // false

console.log(str.include(1)); // true

console.log(str.include('is', 10)); // false

        若要不被区分大小写限制，可以通过 toLowerCase() 将原始字符串和搜索字符串全部转换为小写来解决此约束：

console.log("Wen Ben".toLowerCase().includes("ben")); // true

6、indexOf() - 查找字符串中的第一个子字符串位置

        indexOf(searchString, position) 查找字符串中的子字符串第一次出现的索引位置，若未找到，则返回-1。

        searchString：必需。要搜索的子字符串，若为非字符串时会被强制转换为字符串。

        position：可选。该方法返回指定子字符串在 大于或等于position的位置处第一次出现的索引，默认为0；如果position大于调用字符串的长度，则该方法根本不搜索调用字符串，返回-1；如果position 小于零，则position相当于0的效果，从0索引开始搜索。

const str = 'this is a text!';

console.log(str.indexOf('i')); // 2

console.log(str.indexOf('i', 3)); // 5

console.log(str.indexOf('i', 15)); // -1

console.log(str.indexOf('i', -1); // 2

7、lastIndexOf() - 查找字符串中的最后子字符串位置

        indexOf(searchString, position) 查找字符串中的子字符串第一次出现的索引位置，若未找到，则返回-1。

        searchString：必需。要搜索的子字符串，若为非字符串时会被强制转换为字符串。

        position：可选。该方法返回指定子字符串在 大于或等于 position 的位置处第一次出现的索引，默认为0；如果position大于调用字符串的长度，则该方法根本不搜索调用字符串，返回-1；如果position 小于零，则position相当于0的效果，从0索引开始搜索。

const str = 'this is a text!';

console.log(str.indexOf('i')); // 2

console.log(str.indexOf('i', 3)); // 5

console.log(str.indexOf('i', 15)); // -1

console.log(str.indexOf('i', -1); // 2

8、at() / charAt() - 查找某一位置的字符

string.at()

        at(index) 查找字符串中位于指定索引（位置）(index)的字符。

        index：可选。要返回的字符串字符的索引（位置）；index为负数时，则将从字符串末尾开始倒数找到返回的字符；不设置index时，返回第一个索引位置的字符。

const str = 'wen ben';

console.log(str.at(2)); // 'n'

console.log(str.at(-3)); // 'b'

console.log(str.at()); // 'w'

string.charAt()

        charAt(index) 查找字符串中位于指定索引（位置）(index)的字符。

        index：可选。要返回的字符串字符的索引（位置）；index超出索引范围时（如str.length、-1），则返回空字符串；不设置index时，返回第一个索引位置的字符。

const str = 'wen ben';

console.log(str.charAt(2)); // 'n'

console.log(str.charAt(-3)); // ''

console.log(str.at()); // 'w'

at() 和charAt() 的区别

        String.charAt()是ES5标准的一部分，而String.at()是ES2019标准的一部分。

        String.charAt() 适于较旧的浏览器中使用；而在支持ES2019的现代浏览器中，String.at()是更优的选择。

9、toLowerCase - 将字符串转换为小写

        toLowerCase() 返回转换为小写的字符串。

const str = '123英文：One Two Three';

console.log(str.toUpperCase()); // '123英文：one two three'

10、toUpperCase() - 将字符串转换为大写

        toUpperCase() 返回转换为大写的字符串。

const str = '123英文：one two three';

console.log(str.toUpperCase()); // '123英文：ONE TWO THREE'

11、trim() - 移除字符串首尾的空白符

        trim() 删除字符串两端的空格并返回一个新字符串，而不修改原始字符串。

        若要只删除首或尾部一端的空格，则可使用删除首端空格的 trimStart() 方法和删除首端空格的trimEnd() 方法。

const str = '  Hello World!  ';

console.log(str.trim()); // 'Hello World!'

console.log(str.trimStart()); // 'Hello World!  '

console.log(str.trimEnd()); // '  Hello World!'