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

JS截取與分割字符串常用技巧總結(jié)

 更新時間:2015年11月10日 10:11:13   作者:華安  
這篇文章主要介紹了JS截取與分割字符串常用技巧,以實例形式分析你了JavaScript針對字符串的截取與分割常用函數(shù)的定義、功能及使用技巧,并補充分析了substr和substring方法的區(qū)別,需要的朋友可以參考下

本文實例講述了JS截取與分割字符串的常用方法。分享給大家供大家參考,具體如下:

JS截取字符串可使用 substring()或者slice()
 
函數(shù):substring()

定義:substring(start,end)表示從start到end之間的字符串,包括start位置的字符但是不包括end位置的字符。

功能:字符串截取,比如想從"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)

例子:

var src="images/off_1.png";
alert(src.substring(7,10));
//彈出值為:off

函數(shù):substr()

定義:substr(start,length)表示從start位置開始,截取length長度的字符串。

功能:字符串截取

例子:

var src="images/off_1.png";
alert(src.substr(7,3));
//彈出值為:off

函數(shù):split()

功能:使用一個指定的分隔符把一個字符串分割存儲到數(shù)組

例子:

str="jpg|bmp|gif|ico|png";
arr=theString.split("|");
//arr是一個包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的數(shù)組

函數(shù):Join()

功能:使用您選擇的分隔符將一個數(shù)組合并為一個字符串

例子:

var delimitedString=myArray.join(delimiter);
var myList=new Array("jpg","bmp","gif","ico","png");
var portableList=myList.join("|");
//結(jié)果是jpg|bmp|gif|ico|png

函數(shù):indexOf()

功能:返回字符串中匹配子串的第一個字符的下標(biāo)

var myString="JavaScript";
var w=myString.indexOf("v");w will be 2
var x=myString.indexOf("S");x will be 4
var y=myString.indexOf("Script");y will also be 4
var z=myString.indexOf("key");z will be -1 

函數(shù):lastIndexOf()

定義:lastIndexOf()方法返回從右向左出現(xiàn)某個字符或字符串的首個字符索引值(與indexOf相反)

功能:返回字符串索引值

例子:

var src="images/off_1.png";
alert(src.lastIndexOf('/'));
alert(src.lastIndexOf('g'));
//彈出值依次為:6,15

補充:substr 和 substring方法的區(qū)別

substr 方法

返回一個從指定位置開始的指定長度的子字符串。

stringvar.substr(start [, length ])

參數(shù)

stringvar

必選項。要提取子字符串的字符串文字或 String 對象。

start

必選項。所需的子字符串的起始位置。字符串中的第一個字符的索引為 0。

length

可選項。在返回的子字符串中應(yīng)包括的字符個數(shù)。

說明

如果 length 為 0 或負(fù)數(shù),將返回一個空字符串。如果沒有指定該參數(shù),則子字符串將延續(xù)到 stringvar 的最后。

示例

下面的示例演示了substr 方法的用法。

function SubstrDemo(){
 var s, ss;    // 聲明變量。
 var s = "The rain in Spain falls mainly in the plain.";
 ss = s.substr(12, 5); // 獲取子字符串。
 return(ss);    // 返回 "Spain"。
}

substring 方法

返回位于 String 對象中指定位置的子字符串。

strVariable.substring(start, end)
"String Literal".substring(start, end)

參數(shù)

start

指明子字符串的起始位置,該索引從 0 開始起算。

end

指明子字符串的結(jié)束位置,該索引從 0 開始起算。

說明

substring 方法將返回一個包含從 start 到最后(不包含 end )的子字符串的字符串。

substring 方法使用 start 和 end 兩者中的較小值作為子字符串的起始點。例如, strvar.substring(0, 3) 和 strvar.substring(3, 0) 將返回相同的子字符串。

如果 start 或 end 為 NaN 或者負(fù)數(shù),那么將其替換為0。

子字符串的長度等于 start 和 end 之差的絕對值。例如,在 strvar.substring(0, 3) 和 strvar.substring(3, 0) 返回的子字符串的的長度是 3。

示例

下面的示例演示了 substring 方法的用法。

function SubstringDemo(){
 var ss; // 聲明變量。
 var s = "The rain in Spain falls mainly in the plain..";
 ss = s.substring(12, 17); // 取子字符串。
 return(ss); // 返回子字符串。
}

希望本文所述對大家JavaScript程序設(shè)計有所幫助。

相關(guān)文章

  • 基于Web Audio API實現(xiàn)音頻可視化效果

    基于Web Audio API實現(xiàn)音頻可視化效果

    這篇文章主要介紹了基于Web Audio API實現(xiàn)音頻可視化效果,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-06-06
  • JavaScript詳解類數(shù)組與可迭代對象的實現(xiàn)原理

    JavaScript詳解類數(shù)組與可迭代對象的實現(xiàn)原理

    這篇文章主要介紹了JavaScript詳解類數(shù)組與可迭代對象的實現(xiàn)原理,ES6中引入了迭代器與可迭代對象的概念,并且提供了對可迭代對象的相關(guān)支持,如for...of循環(huán),Map(iterable)構(gòu)造器,展開語法...等。讓我們對數(shù)組外的數(shù)據(jù)集合的遍歷操作也得到極大簡化
    2022-06-06
  • 使用JavaScript通過前端發(fā)送電子郵件

    使用JavaScript通過前端發(fā)送電子郵件

    這篇文章主要介紹了使用JavaScript通過前端發(fā)送電子郵件,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-05-05
  • JavaScript encodeURI 和encodeURIComponent

    JavaScript encodeURI 和encodeURIComponent

    encodeURI和encodeURIComponet函數(shù)都是javascript中用來對URI進(jìn)行編碼,將相關(guān)參數(shù)轉(zhuǎn)換成UTF-8編碼格式的數(shù)據(jù)。URI在進(jìn)行定位跳轉(zhuǎn)時,參數(shù)里面的中文、日文等非ASCII編碼都會進(jìn)行編碼轉(zhuǎn)換
    2015-12-12
  • 將字符串中由空格隔開的每個單詞首字母大寫

    將字符串中由空格隔開的每個單詞首字母大寫

    這篇文章主要介紹了如何將字符串中的每個單詞的首字母變?yōu)榇髮?需要的朋友可以參考下
    2014-04-04
  • 等待指定時間后自動跳轉(zhuǎn)或關(guān)閉當(dāng)前頁面的js代碼

    等待指定時間后自動跳轉(zhuǎn)或關(guān)閉當(dāng)前頁面的js代碼

    本文為大家詳細(xì)介紹下如何通過js實現(xiàn)等待指定時間后自動跳轉(zhuǎn)或關(guān)閉當(dāng)前頁面的腳步代碼,感興趣的朋友可以參考下哈,希望對大家有所幫助
    2013-07-07
  • 利用JQuery和JS實現(xiàn)奇偶行背景顏色自定義效果

    利用JQuery和JS實現(xiàn)奇偶行背景顏色自定義效果

    本文將詳細(xì)介紹利用JQuery和JS實現(xiàn)奇偶行背景顏色自定義效果,需要的朋友可以參考下
    2012-11-11
  • HTML上傳控件取消選擇

    HTML上傳控件取消選擇

    由于<input type="file">的value屬性石只讀的,所以要取消選擇只能通過其他途徑,此處有2種方法
    2013-03-03
  • CodeMirror實現(xiàn)代碼對比功能(插件react vue)

    CodeMirror實現(xiàn)代碼對比功能(插件react vue)

    這篇文章主要介紹了CodeMirror實現(xiàn)代碼對比功能,用到的插件有vue或者react都需要這一步且同樣的下載方式,本文通過實例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2022-05-05
  • Nuxt.js開啟SSR渲染的教程詳解

    Nuxt.js開啟SSR渲染的教程詳解

    Nuxt.js 是一個基于 Vue.js 的通用應(yīng)用框架。 通過對客戶端/服務(wù)端基礎(chǔ)架構(gòu)的抽象組織,Nuxt.js 主要關(guān)注的是應(yīng)用的 UI渲染。這篇文章主要介紹了Nuxt.js開啟SSR渲染 ,需要的朋友可以參考下
    2018-11-11

最新評論