JavaScript访问字符串指定字符

JavaScript访问字符串指定字符教程

JavaScript 中要想获取 字符串 中某个下标的字符,有三种方法,分别为:使用 [] 加上下标访问、使用 charAt 函数 访问和使用 charCodeAt 函数访问。

JavaScript字符串下标访问字符详解

语法

str[index];

参数

参数 描述
str 需要访问的字符串
index 需要访问的字符串的下标索引

返回值

如果访问的索引在字符串中,则返回该索引处的字符,否则,返回 undefined

JavaScript charAt函数详解

语法

str.charAt(index);

参数

参数 描述
str 需要访问的字符串
index 需要访问的字符串的下标索引

返回值

如果访问的索引在字符串中,则 返回 该索引处的字符,否则,返回空字符串。

JavaScript charCodeAt函数详解

语法

str.charCodeAt(index);

参数

参数 描述
str 需要访问的字符串
index 需要访问的字符串的下标索引

返回值

如果访问的索引在字符串中,则返回该索引处的字符的 ACSII 码,否则,返回 NaN

案例

下标访问字符串

使用字符串下标加索引的形式访问字符串

<!DOCTYPE html> <html> <head> <title>JavaScript 下标访问字符串</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); var strHaiCoder = "I love JavaScript"; var char1 = strHaiCoder[7]; console.log("Char1 =", char1); var char2 = strHaiCoder[37]; console.log("Char2 =", char2); </script> </head> </html>

程序运行后,控制台输出如下:

13_javascript访问字符串指定索引处字符.png

首先,我们定义了一个字符串 变量 strHaiCoder,接着,我们使用了下标的形式,访问了该字符串下标为 7 的元素,返回了字符 ‘J’。

最后,我们再次使用下标的形式,访问了不存在的下标 37,此时返回了 undefined。

charAt访问字符串

使用 charAt 函数加索引的形式访问字符串

<!DOCTYPE html> <html> <head> <title>JavaScript charAt访问字符串</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); var strHaiCoder = "I love JavaScript"; var char1 = strHaiCoder.charAt(7); console.log("Char1 =", char1); var char2 = strHaiCoder.charAt(37); console.log("Char2 =", char2); </script> </head> </html>

程序运行后,控制台输出如下:

14_javascript charAt访问字符串指定索引处字符.png

首先,我们定义了一个字符串变量 strHaiCoder,接着,我们使用 charAt 函数,访问了该字符串下标为 7 的元素,返回了字符 ‘J’。

最后,我们再次使用 charAt 函数,访问了不存在的下标 37,此时返回了空字符串。

charAtCode访问字符串

使用 charAtCode 函数加索引的形式访问字符串

<!DOCTYPE html> <html> <head> <title>JavaScript charCodeAt访问字符串</title> <script type="text/javascript"> console.log("嗨客网(www.haicoder.net)"); var strHaiCoder = "I love JavaScript"; var char1 = strHaiCoder.charCodeAt(7); console.log("Char1 =", char1); var char2 = strHaiCoder.charCodeAt(37); console.log("Char2 =", char2); </script> </head> </html>

程序运行后,控制台输出如下:

15_javascript charAtCode访问字符串指定索引处字符.png

首先,我们定义了一个字符串变量 strHaiCoder,接着,我们使用 charAtCode 函数,访问了该字符串下标为 7 的元素,返回了字符 ‘J’ 的 ASCII 码。

最后,我们再次使用 charAtCode 函数,访问了不存在的下标 37,此时返回了 NaN。

JavaScript访问字符串字符总结

在 JavaScript 中要想获取字符串中某个下标的字符,有三种方法,分别为:使用 [] 加上下标访问、使用 charAt 函数访问和使用 charCodeAt 函数访问。