javascript字符串单个字符访问方法

 更新时间:2023年07月24日 10:56:17   作者:Tammy  
这篇文章主要为大家介绍了javascript字符串单个字符访问方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

访问字符串的单个字符

获取字符串的某一单个字符有两种方法。

第一种是使用 charAt 方法

> 'hello'.charAt(1)
'e'

第二种是使用 类数组的下标索引 方法

> 'hello'[1]
'e'

下面来具体说说每一种访问方法。

charAt 方法

charAt() 方法返回字符串中指定位置的字符。

语法

str.charAt(index)

参数index: 0 到 字符串长度-1 的一个整数。

说明字符串中的字符从左向右索引,第一个字符的索引值为 0,最后一个字符的索引值为 str.length - 1

如果指定的 index 值超出了该范围,则返回一个空字符串

示例

> a = 'abcd'
'abcd'
> a.charAt(4) // index超出范围,返回一个空字符串
''
> a.charAt(0)
'a'

类数组的下标索引方法

因为字符串有length属性,并有可索引的属性0、1、2...等,所以可视为一个类数组对象。

类数组的下标索引方法 就是把字符串当作一个类数组对象(ECMA5),其中的每个字符对应一个数值索引。

语法

string[index]

注意,当index查出范围时,返回undefined.

示例

> a = 'abcd'
'abcd'
> a[0]
'a'
> a[1]
'b'
> a[2]
'c'
> a[3]
'd'
> a[4]    //index超出范围,返回undefined.
undefined

注意,使用这种类数组的下标索引法,只可以访问字符而不可以对其进行删除或添加,因为对应属性并不是可读或可写的,毕竟类数组不是数组。

两种方法的比较

相同点

  • 都是获取字符串某个位置的单个字符。
  • 索引都从0开始。

不同点

使用charAt(index)的方式,index超出范围的,会返回一个空的字符串

使用string[index]的方式,index超出范围的,会返回undefined

可概括为兼容性问题。

charAtES3的方法,string[index]ES5的方法。所以charAt(index)兼容性强,在IE6~8下也能正常使用。string[index]的方式在IE6~8下会返回 undefined, 也就是IE6~8 不兼容此方法,只能用于IE8+。

string[index]还有一个不便之处,即不容易区分访问的是数组元素还是字符串,而且有可能让人误以为是可写的。

以上就是javascript字符串单个字符访问方法的详细内容,更多关于javascript访问单个字符的资料请关注脚本之家其它相关文章!

相关文章

  • Web项目如何配置Eslint过程详解

    Web项目如何配置Eslint过程详解

    这篇文章主要为大家介绍了Web项目如何配置Eslint过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • 微信小程序 ecshop地址三级联动实现实例代码

    微信小程序 ecshop地址三级联动实现实例代码

    这篇文章主要介绍了微信小程序 ecshop地址3级联动实现实例代码的相关资料,需要的朋友可以参考下
    2017-02-02
  • JavaScript实例 ODO List分析

    JavaScript实例 ODO List分析

    这篇文章主要介绍了JavaScript实例 ODO List分析,主要利用JavaScript、css、HTML等实例代码展开起内容的解析,需要的小伙伴可以参考一下
    2022-01-01
  • 前端的状态管理(下)

    前端的状态管理(下)

    这篇文章主要介绍了前端的状态管理,续上篇文章内容,今天将从 Redux 入手逐渐拓展,需要的小伙伴可以参考一下哟
    2021-10-10
  • 微信小程序 数组中的push与concat的区别

    微信小程序 数组中的push与concat的区别

    这篇文章主要介绍了微信小程序 数组中的push与concat的区别的相关资料,需要的朋友可以参考下
    2017-01-01
  • 项目中使用TypeScript的TodoList实例详解

    项目中使用TypeScript的TodoList实例详解

    这篇文章主要为大家介绍了项目中使用TypeScript的TodoList实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • 微信小程序tabbar不显示解决办法

    微信小程序tabbar不显示解决办法

    这篇文章主要介绍了微信小程序tabbar不显示解决办法的相关资料,需要的朋友可以参考下
    2017-06-06
  • 微信小程序Redux绑定实例详解

    微信小程序Redux绑定实例详解

    这篇文章主要介绍了微信小程序Redux绑定实例详解的相关资料,需要的朋友可以参考下
    2017-06-06
  • nuxt.js 多环境变量配置

    nuxt.js 多环境变量配置

    这篇文章主要介绍了nuxt.js 多环境变量配置,一般在香米开发中会有三个环境开发环境也叫测试环境(test) 、RC环境也叫预发布环境(rc) 、线上环境(production) 下面来看看文章内容的详细介绍,需要的朋友可以参考一下
    2021-11-11
  • js解决移动端滚动穿透问题方案详解

    js解决移动端滚动穿透问题方案详解

    这篇文章主要为大家介绍了js解决移动端滚动穿透问题方案详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07

最新评论