JS提取字符串中指定字符的三种方法，实例在线编辑

JS提取字符串中指定字符的三种方法

JavaScript中提供了三种方法可以用来提取字符串中指定的字符，分别是charAt()、charCodeAt()和用“[]”进行类似数组的元素访问的方法，下面将逐一进行介绍，及提供相应的实例和在线编辑器。

---

charAt()方法

charAt()函数接收一个整型的数值作为指定字符串的索引位置，返回该索引位置上的值，若是找不到该值，则返回空字符串：

<script>
  var str = "笨鸟工具，x1y1z1.com"
  var char = str.charAt(2) //注意，索引的起始位置为0，而不是1
  alert(char)
</script>

试一试

charCodeAt()函数

charCodeAt()函数接收一个整形数值作为索引，用来返回该索引位置上的值的unicode编码：

<script>
  var str2 = "这是一个有趣的网站！"
  var code = str2.charCodeAt(5)
  alert(code)
</script>

试一试

通过类似数组索引的方式提取字符

通过类似数组索引的方式提取字符串中的相关索引位置的值时，应当注意在JS当中，字符串和数组是不一样的，而且通过类似的索引方法也不会修改原字符串，除此之外，通过该方法，找不到相关字符，返回值为undefined。

<script>
  var str3 = "这是一个工具类的网站！"
  var char2 = str3[0]
  var char3 = str3[100]
  alert(char2)
  alert(char3)
  str3[0] = "那" //该操作不会修改str3的值
  alert(str3)
</script>

试一试