欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript字符串單個字符訪問方法

 更新時間:2023年07月24日 10:56:17   作者:Tammy  
這篇文章主要為大家介紹了javascript字符串單個字符訪問方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪

訪問字符串的單個字符

獲取字符串的某一單個字符有兩種方法。

第一種是使用 charAt 方法

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

第二種是使用 類數(shù)組的下標(biāo)索引 方法

> 'hello'[1]
'e'

下面來具體說說每一種訪問方法。

charAt 方法

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

語法

str.charAt(index)

參數(shù)index: 0 到 字符串長度-1 的一個整數(shù)。

說明字符串中的字符從左向右索引,第一個字符的索引值為 0,最后一個字符的索引值為 str.length - 1。

如果指定的 index 值超出了該范圍,則返回一個空字符串。

示例

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

類數(shù)組的下標(biāo)索引方法

因為字符串有length屬性,并有可索引的屬性0、1、2...等,所以可視為一個類數(shù)組對象。

類數(shù)組的下標(biāo)索引方法 就是把字符串當(dāng)作一個類數(shù)組對象(ECMA5),其中的每個字符對應(yīng)一個數(shù)值索引。

語法

string[index]

注意,當(dāng)index查出范圍時,返回undefined.

示例

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

注意,使用這種類數(shù)組的下標(biāo)索引法,只可以訪問字符而不可以對其進行刪除或添加,因為對應(yīng)屬性并不是可讀或可寫的,畢竟類數(shù)組不是數(shù)組。

兩種方法的比較

相同點

  • 都是獲取字符串某個位置的單個字符。
  • 索引都從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]還有一個不便之處,即不容易區(qū)分訪問的是數(shù)組元素還是字符串,而且有可能讓人誤以為是可寫的。

以上就是javascript字符串單個字符訪問方法的詳細(xì)內(nèi)容,更多關(guān)于javascript訪問單個字符的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • Web項目如何配置Eslint過程詳解

    Web項目如何配置Eslint過程詳解

    這篇文章主要為大家介紹了Web項目如何配置Eslint過程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-09-09
  • 微信小程序 ecshop地址三級聯(lián)動實現(xiàn)實例代碼

    微信小程序 ecshop地址三級聯(lián)動實現(xiàn)實例代碼

    這篇文章主要介紹了微信小程序 ecshop地址3級聯(lián)動實現(xiàn)實例代碼的相關(guān)資料,需要的朋友可以參考下
    2017-02-02
  • JavaScript實例?ODO?List分析

    JavaScript實例?ODO?List分析

    這篇文章主要介紹了JavaScript實例?ODO?List分析,主要利用JavaScript、css、HTML等實例代碼展開起內(nèi)容的解析,需要的小伙伴可以參考一下
    2022-01-01
  • 前端的狀態(tài)管理(下)

    前端的狀態(tài)管理(下)

    這篇文章主要介紹了前端的狀態(tài)管理,續(xù)上篇文章內(nèi)容,今天將從 Redux 入手逐漸拓展,需要的小伙伴可以參考一下喲
    2021-10-10
  • 微信小程序 數(shù)組中的push與concat的區(qū)別

    微信小程序 數(shù)組中的push與concat的區(qū)別

    這篇文章主要介紹了微信小程序 數(shù)組中的push與concat的區(qū)別的相關(guān)資料,需要的朋友可以參考下
    2017-01-01
  • 項目中使用TypeScript的TodoList實例詳解

    項目中使用TypeScript的TodoList實例詳解

    這篇文章主要為大家介紹了項目中使用TypeScript的TodoList實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-01-01
  • 微信小程序tabbar不顯示解決辦法

    微信小程序tabbar不顯示解決辦法

    這篇文章主要介紹了微信小程序tabbar不顯示解決辦法的相關(guān)資料,需要的朋友可以參考下
    2017-06-06
  • 微信小程序Redux綁定實例詳解

    微信小程序Redux綁定實例詳解

    這篇文章主要介紹了微信小程序Redux綁定實例詳解的相關(guān)資料,需要的朋友可以參考下
    2017-06-06
  • nuxt.js 多環(huán)境變量配置

    nuxt.js 多環(huán)境變量配置

    這篇文章主要介紹了nuxt.js 多環(huán)境變量配置,一般在香米開發(fā)中會有三個環(huán)境開發(fā)環(huán)境也叫測試環(huán)境(test) 、RC環(huán)境也叫預(yù)發(fā)布環(huán)境(rc) 、線上環(huán)境(production) 下面來看看文章內(nèi)容的詳細(xì)介紹,需要的朋友可以參考一下
    2021-11-11
  • js解決移動端滾動穿透問題方案詳解

    js解決移動端滾動穿透問題方案詳解

    這篇文章主要為大家介紹了js解決移動端滾動穿透問題方案詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-07-07

最新評論