日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript原生对象属性和方法详解——String对象

發布時間:2024/6/18 javascript 41 豆豆
生活随笔 收集整理的這篇文章主要介紹了 JavaScript原生对象属性和方法详解——String对象 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

length

length 屬性可返回字符串中的字符數目。

length 是根據字符串的UTF-16編碼來獲取長度的,空字符串長度為0。length 不可修改。

?

charAt()

charAt() 方法可返回指定位置的字符。注意,JavaScript 并沒有一種有別于字符串類型的字符數據類型,所以返回的字符是長度為 1 的字符串

stringObject.charAt(index)

參數index是必需的。表示字符串中某個位置的數字,即字符在字符串中的下標。字符串中第一個字符的下標是 0。如果參數 index 不在 0 與 string.length 之間,該方法將返回一個空字符串。

注意:charAt() 方法對于一些非 BMP(Basic-Multilingual-Plane) 字符支持會有問題,參考:MDN

?

charCodeAt()

charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個返回值是 0 – 65535 之間的整數。
方法 charCodeAt() 與 charAt() 方法執行的操作相似,只不過前者返回的是位于指定位置的字符的編碼,而后者返回的是字符子串。

stringObject.charCodeAt(index)

參數index是可選的。表示字符串中某個位置的數字,即字符在字符串中的下標。字符串中第一個字符的下標是 0。如果 index 是負數,或大于等于字符串的長度,則 charCodeAt() 返回 NaN。index為空時默認為0。

Unicode 編碼的范圍是 0 到 1,114,111。前128個Unicode 編碼和ASCII字符編碼匹配。charCodeAt() 方法返回的值總是小于65536,因為更高值的字符會成對出現,需要用charCodeAt(i)和charCodeAt(i+1)同時檢索。

?

concat() –不推薦使用

concat() 方法用于連接兩個或多個字符串。

stringObject.concat(stringX, stringX, …, stringX)

參數stringX是必需的。是將被連接為一個字符串的一個或多個字符串對象。

concat() 方法將把它的所有參數轉換成字符串,然后按順序連接到字符串 stringObject 的尾部,并返回連接后的字符串。請注意,stringObject 本身并沒有被更改。

注意,強烈建議使用 ” + ” 運算符來進行字符串的連接,來替代這個方法,效率也更高,參考:concat vs + vs join。

?

indexOf()

indexOf() 方法可返回某個指定的字符串值在字符串中首次出現的位置。

stringObject.indexOf(searchvalue, fromindex)

參數searchvalue是必需的,規定需檢索的字符串值。參數fromindex是可選的整數參數。規定在字符串中開始檢索的位置。它的合法取值是 0 到 stringObject.length – 1。如省略該參數,則將從字符串的首字符開始檢索。

該方法將從頭到尾地檢索字符串 stringObject,看它是否含有子串 searchvalue。開始檢索的位置在字符串的 fromindex 處或字符串的開頭(沒有指定 fromindex 時)。如果找到一個 searchvalue,則返回 searchvalue 的第一次出現的位置。stringObject 中的字符位置是從 0 開始的。

注意:indexOf() 方法對大小寫敏感!如果要檢索的字符串值沒有出現,則該方法返回 -1。

?

lastIndexOf()

lastIndexOf() 方法可返回一個指定的字符串值最后出現的位置,在一個字符串中的指定位置從后向前搜索。

lastIndexOf() 和 indexOf() 參數和使用方法一致,只不過是從后向前搜索。

var str="Hello world world!"console.log(str.indexOf("wo")); //6 console.log(str.indexOf("wo",2)); //6 console.log(str.indexOf("wo",10)); //12 console.log(str.lastIndexOf("wo")); //12 console.log(str.lastIndexOf("wo",2)); //-1 console.log(str.lastIndexOf("wo",10)); //6

?

?

localeCompare()

用本地特定的順序來比較兩個字符串。

stringObject.localeCompare(target)

參數target是必需的,要以本地特定的順序與 stringObject 進行比較的字符串。

返回比較結果的數字。如果 stringObject 小于 target,則 localeCompare() 返回小于 0 的數。如果 stringObject 大于 target,則該方法返回大于 0 的數。如果兩個字符串相等,或根據本地排序規則沒有區別,該方法返回 0。

把 < 和 > 運算符應用到字符串時,它們只用字符的 Unicode 編碼比較字符串,而不考慮當地的排序規則。以這種方法生成的順序不一定是正確的。例如,在西班牙語中,其中字符 “ch” 通常作為出現在字母 “c” 和 “d” 之間的字符來排序。localeCompare() 方法提供的比較字符串的方法,考慮了默認的本地排序規則。

localeCompare()在某些高級瀏覽器中的參數還支持locales 和 options,參考下面的代碼和?MDN:

//不同文化的排序規則不同 console.log('?'.localeCompare('z', 'de')); //-1 console.log('?'.localeCompare('z', 'sv')); //1

?

?

match()

match() 方法可在字符串內檢索指定的值,或找到一個或多個正則表達式的匹配。

該方法類似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。

stringObject.match(regexp)

參數regexp可以是字符串,也可以是正則表達式?RegExp 對象。

返回存放匹配結果的數組。該數組的內容依賴于 regexp 是否具有全局標志 g。

如果 regexp 沒有標志 g,那么 match() 方法就只能在 stringObject 中執行一次匹配。 如果沒有找到任何匹配的文本, match() 將返回 null。否則,它將返回一個數組,其中存放了與它找到的匹配文本有關的信息。該數組的第 0 個元素存放的是匹配文本,而其余的元素存放的是與正則表達式的子表達式匹配的文本。除了這些常規的數組元素之外,返回的數組還含有兩個對象屬性。index 屬性聲明的是匹配文本的起始字符在 stringObject 中的位置,input 屬性聲明的是對 stringObject 的引用。

如果 regexp 具有標志 g,則 match() 方法將執行全局檢索,找到 stringObject 中的所有匹配子字符串。若沒有找到任何匹配的子串,則返回 null。如果找到了一個或多個匹配子串,則返回一個數組。不過全局匹配返回的數組的內容與前者大不相同,它的數組元素中存放的是 stringObject 中所有的匹配子串,而且也沒有 index 屬性或 input 屬性。

沒有標志g,調用 stringObject.match(regexp) 和調用 regexp.exec(stringObject) 的結果相同。在全局檢索模式下,match() 即不提供與子表達式匹配的文本的信息,也不聲明每個匹配子串的位置。如果需要這些全局檢索的信息,可以使用 RegExp.exec()。

注意:如果需要知道一個字符串是否匹配一個正則表達式,使用?regexp.test(string);如果只想一次匹配,使用?regexp.exec(string) 代替?string.match(regexp)。

var str="Hello world!" var str2="1 plus 2 equal 3"console.log(str.match("world")); //["world", index: 6, input: "Hello world!"] console.log(str2.match(/\d+/g)); //["1", "2", "3"]

?

?

replace()

replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串。

stringObject.replace(regexp/substr, replacement)

參數regexp/substr是必需的。規定子字符串或要替換的模式的 RegExp 對象。如果該值是一個字符串,則將它作為要檢索的直接量文本模式,而不是首先被轉換為 RegExp 對象。參數replacement是必需的。是一個字符串值。規定了替換文本或生成替換文本的函數

方法會返回一個新的字符串,是用 replacement 替換了 regexp 的第一次匹配或所有匹配之后得到的。

字符串 stringObject 的 replace() 方法執行的是查找并替換的操作。它將在 stringObject 中查找與 regexp 相匹配的子字符串,然后用 replacement 來替換這些子串。如果 regexp 具有全局標志 g,那么 replace() 方法將替換所有匹配的子串。否則,它只替換第一個匹配子串。

replacement 可以是字符串,也可以是函數。如果它是字符串,那么每個匹配都將由字符串替換。但是 replacement 中的 $ 字符具有特定的含義。如下所示,它說明從模式匹配得到的字符串將用于替換:

  • $$ – $
  • $` -?位于匹配子串左側的文本。
  • $’ -?位于匹配子串右側的文本。
  • $& -?與 regexp 相匹配的子串。
  • $number -?與 regexp 中的第 number個子表達式相匹配的文本。

replacement 可以是函數,在這種情況下,每個匹配都調用該函數,它返回的字符串將作為替換文本使用。該函數的第一個參數是匹配模式的字符串。接下來的參數是與模式中的 子表達式匹配的字符串,可以有 0 個或多個這樣的參數。接下來的參數是一個整數,聲明了匹配在 stringObject 中出現的位置。最后一個參數是 stringObject 本身。

//替換一次 var str = "Hello Microsoft!"; console.log(str.replace(/Microsoft/, "Google")); //Hello Google! console.log(str); //Hello Microsoft! //替換多次 var str2 = "Hello Microsoft! and Microsoft! and Microsoft! or Microsoft!"; console.log(str2.replace(/Microsoft/g, "Google")); //Hello Google! and Google! and Google! or Google! //字符轉換 var str3 = "Doe, John"; console.log(str3.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1")); //John Doe var str4 = '"a", "b"'; console.log(str4.replace(/"([^"]*)"/g, "'$1'")); //'a', 'b' //使用函數 var str5 = 'aaa bbb ccc'; console.log(str5.replace(/\b\w+\b/g, function(word){ return word.substring(0,1).toUpperCase()+word.substring(1);} )); //Aaa Bbb Ccc

?

?

search()

search() 方法用于檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串。

stringObject.search(regexp)

參數regexp可以是需要在 stringObject 中檢索的子串,也可以是需要檢索的 RegExp 對象。

返回stringObject 中第一個與 regexp 相匹配的子串的起始位置。如果沒有找到任何匹配的子串,則返回 -1。

注意:search() 方法不執行全局匹配,它將忽略標志 g。它同時忽略 regexp 的 lastIndex 屬性,并且總是從字符串的開始進行檢索,這意味著它總是返回 stringObject 的第一個匹配的位置

var str = "Hello Microsoft!"; console.log(str.search(/Microsoft/)); //6

?

如果只是想知道是否有匹配的字符串,使用search()和使用test()方法差不多。如果想得到更多的信息,可以使用match()和exec()方法,但是效率會低。

?

slice()

slice() 方法可提取字符串的某個部分,并以新的字符串返回被提取的部分。

stringObject.slice(start, end)

參數start是要抽取的片斷的起始下標。如果是負數,則該參數規定的是從字符串的尾部開始算起的位置。也就是說,-1 指字符串的最后一個字符,-2 指倒數第二個字符,以此類推。

參數end是緊接著要抽取的片段的結尾的下標。若未指定此參數,則要提取的子串包括 start 到原字符串結尾的字符串。如果該參數是負數,那么它規定的是從字符串的尾部開始算起的位置。

方法會返回一個新的字符串。包括字符串 stringObject 從 start 開始(包括 start)到 end 結束(不包括 end)為止的所有字符。

注意:String 對象的方法 slice()、substring() 和 substr() 都可返回字符串的指定部分。強烈建議在所有場合都使用?slice() 方法。

var str = "Hello Microsoft!"; console.log(str.slice(6)); //Microsoft! console.log(str.slice(6, 12)); //Micros

?

?

substring()?

不推薦使用,建議使用slice()替代。

substr()

不推薦使用,建議使用slice()替代。

toLocaleLowerCase()

不推薦使用,只在土耳其語等少數語種中有用,建議使用toLowerCase()替代。

toLocaleUpperCase()

不推薦使用,只在土耳其語等少數語種中有用,建議使用toUpperCase()替代。

toLowerCase()

toLowerCase() 方法用于把字符串轉換為小寫。

toUpperCase()

toUpperCase() 方法用于把字符串轉換為大寫。

?

String對象還有很多用于HTML 標簽的方法:anchor()、big()、blink()、bold()、fixed()、fontcolor()、fontsize()、 italics()、link()、small()、strike()、sub()、sup()。他們主要是對String對象進行HTML格式化處理, 現在已經很少有人會應用到了,不推薦使用。參見:演示代碼

?

轉載于:https://www.cnblogs.com/xiaobang/p/4226242.html

總結

以上是生活随笔為你收集整理的JavaScript原生对象属性和方法详解——String对象的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。