带你轻松学习JavaScript一些字符串方法！！降低Coding压力！！

前言

今天，我来学习JavaScript中一些自带的字符串方法

正文

JavaScript 中的字符串是一种数据类型

如何创建字符串:

字符串可以使用单引号、双引号或反引号来创建,也可以用new String()进行创建。反引号 (`)（我们也叫他云括号） 可用于创建模板字符串。

字符串的不可变性:

字符串在创建后是不可变的，每次对字符串进行操作，都会返回一个新的字符串。

字符串长度 :

可以使用 length 属性来获取字符串的字符数，也就是获取字符串的长度！。

字符串的访问:

字符串可以使用索引来访问字符串中的字符，索引从0开始,和我们熟悉的数组操作一样。

字符串方法（这个就是我们今天要学习的主要的内容！！）:

JavaScript 提供了许多字符串方法，例如 concat、split、replace、toUpperCase、toLowerCase 等，这些方法都是系统自带的方法帮助我们来对字符串实行一系列操作！

正则表达式与字符串:

正则表达式 可以与字符串一起使用，用来匹配字符串字符的类型，例如英文字母，数字进行识别！！

这里我在之前的文章已经介绍过啦!详情请看：[小白篇]字符串"克星"--正则表达式 - 掘金 (juejin.cn)

JavaScript 中的字符串是非常重要的数据类型，它们广泛用于存储和操作文本数据。在处理 Web 页面和应用程序中的用户输入、文本文档等方面，字符串起着关键作用。有许多内置方法和库可以用于字符串操作，使其成为一个强大而灵活的工具。

下面我们开始介绍JavaScript中自带的字符串方法

charAt(下标)方法

charAt(下标)返回指定位置的字符。

var str = 'hello'
var result = str.charAt(2)
console.log(result)

输出：l

concat(字符串1，字符串2，...)方法

用于连接多个字符串,当然在Js中，字符串也可以用一元运算符+进行连接！！

var str1 = 'hello '
var str2 = 'this '
var str3 = 'is me'
var result = str1.concat(str2,str3)
console.log(result)

输出：hello this is me

indexOf(搜索值)方法

返回指定字符或子串第一次出现的位置,这个方法是会返回字符或者字串第一次出现的下标，如果没有找到则返回-1

可以用于判断字符串中是否存在某个子串！

看案例

var str = 'hello i am Js'
var result = str.indexOf('am')
var result2 =   str.indexOf('ok')
console.log(result)
console.log(result2)

输出：
8
-1

lastIndexOf()方法

返回指定字符或子串最后一次出现的位置,如果没有找到，则返回-1

这个方法可以找到最后子串出现下标，在某些特殊情况也能用到！！

var str = 'hello,hello,hello'
var result = str.lastIndexOf('hello')
var result2 = str.lastIndexOf('str')
console.log(result)
console.log(result2)

输出：
12
-1

slice(初始下标，结束下标):

提取字符串的一部分并在新的字符串中返回被提取的部分,我们直接来学习案例!!

var str = 'hello,hello,hello'
var result = str.slice(4,9)
console.log(result)

输出：o,hel

当然，还有其他的情况，例如：如果开始下标和结束下标超过了字符串长度，会识别为空

var str = 'hello,hello,hello'
var result = str.slice(20,25)
console.log(result)

输出:

如果开始的下标在字符串的长度之内，而结束的下标超出了字符串的长度,那么会从开始下标的开始，到接下来的所以字符串。

var str = 'hello,hello,hello'
var result = str.slice(4,25)
console.log(result)

输出：
o,hello,hello

substring(开始下标，结束下标)`方法

提取字符串中两个指定的索引号之间的字符。

var str = 'hello,hello,hello'
var result = str.substring(4,7)
console.log(result)

输出：o,h

toUpperCase()方法

将所有字符转换为大写,会返回一个新的字符串！！

var str = 'hello,hello,hello'
var result = str.toUpperCase()
console.log(result)

输出：HELLO,HELLO,HELLO

toLowerCase()方法

将所有字符转换为小写,会返回一个新的字符串！！

var str = 'HELLO,HELLO,HELLO,HELLO'
var result = str.toLowerCase(str)
console.log(result)

hello,hello,hello,hello

replace(搜索值，代替值)方法

用新字符串替换字符串中的所有匹配项。

var str = 'hello i am  js'
var result = str.replace('hello','你好')
console.log(result)

输出：
你好 i am  js

trim()方法

移除字符串两端的空格。

var str = ' hello '
var result = str.trim()
console.log(result)

输出：hello

这个方法会去除掉字符串两端的代码！！

charCodeAt(下标)方法

返回指定索引处的字符的 Unicode 编码。话不多说，我们直接上案例！！

var str = 'abcd'
var result = str.charCodeAt(0)
console.log(result)

输出：97

split()方法

将字符串进行分割,按照括号里面的字符识别进行分割！并返回数组！

var str  = 'hello'
var result = str.split('')
console.log(result)

输出：[ 'h', 'e', 'l', 'l', 'o' ]

最后！！！

我们今天的学习!就到这里结束啦!

如果有任何想法和指正，欢迎大家评论留言！

点一个小赞鼓励支持一下吧！！🌹🌹🌹