《web前端筆記7》js字符—獲取、查找、遍歷、提取、替換方法總結(jié)

（1）字符串就是零個(gè)或多個(gè)排在一起的字符。

創(chuàng)新互聯(lián)是一家專業(yè)提供涪城企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、HTML5建站、小程序制作等業(yè)務(wù)。10年已為涪城眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。

（2）放在單引號(hào)或雙引號(hào)之中。 'abc' "abc"。

（3）單引號(hào)字符串的內(nèi)部，可以使用雙引號(hào)。

（4）雙引號(hào)字符串的內(nèi)部，可以使用單引號(hào)。

（5）反引號(hào)`` ：反引號(hào)允許跨行。

反引號(hào)允許字符串跨越多行并可以使用

${…} 在字符串中嵌入表達(dá)式。

（1）charAt 方法返回指定位置的字符，參數(shù)是從0開(kāi)始編號(hào)的位置。

找一個(gè)字符串中的某個(gè)位置是那個(gè)字符串。

charCodeAt：返回字符串指定位置的 Unicode 碼點(diǎn)（十進(jìn)制表示）

（2）[]

字符串可以被視為字符串?dāng)?shù)組，因此可以用數(shù)組的方括號(hào)運(yùn)算符，用來(lái)返回某個(gè)位置的字符

但是字符串只是數(shù)組的相似性而已實(shí)際上、沒(méi)辦法改變字符串中的某個(gè)字符

length 只是返回了字符串的長(zhǎng)度，該屬性沒(méi)辦法改變

字符串使用Unicode字符集，js內(nèi)部所有的都是Unicode表示的。

JavaScript中的字符串使用的是 UTF-16 編碼。

toLowerCase() 和 toUpperCase()方法可以改變大小寫。

String對(duì)象是js原生提供的三個(gè)包裝對(duì)象之一。用來(lái)生成字符串對(duì)象。

（1）構(gòu)造函數(shù)

字符串對(duì)象是一個(gè)類數(shù)組對(duì)象，很像數(shù)組，但不是真正的數(shù)組。

（2）將任意的值轉(zhuǎn)成字符

用于連接兩個(gè)字符串，返回一個(gè)新字符串，不改變?cè)址?/p>

從原字符串取出子字符串并返回，不改變?cè)址?/p>

它的第一個(gè)參數(shù)是子字符串的開(kāi)始位置，

第二個(gè)參數(shù)是子字符串的結(jié)束位置（不含該位置）。

如果省略第二個(gè)參數(shù)，則表示子字符串一直到原字符串結(jié)束。

用于從原字符串取出子字符串并返回，不改變?cè)址鷖lice方法很相像。

它的第一個(gè)參數(shù)表示子字符串的開(kāi)始位置，

第二個(gè)位置表示結(jié)束位置（返回結(jié)果不含該位置）

如果省略第二個(gè)參數(shù)，則表示子字符串一直到原字符串結(jié)束。

區(qū)別：slice 和 substring的區(qū)別？

slice：

如果參數(shù)是負(fù)值，表示從結(jié)尾開(kāi)始倒數(shù)計(jì)算的位置，即該負(fù)值加上字符串長(zhǎng)度。

如果第一個(gè)參數(shù)大于第二個(gè)參數(shù)（正數(shù)情況下），slice()方法返回一個(gè)空字符串。

substring：

如果第一個(gè)參數(shù)大于第二個(gè)參數(shù)，substring方法會(huì)自動(dòng)更換兩個(gè)參數(shù)的位置。

如果參數(shù)是負(fù)數(shù)，substring方法會(huì)自動(dòng)將負(fù)數(shù)轉(zhuǎn)為0。

由于這些規(guī)則違反直覺(jué)，因此不建議使用substring方法，應(yīng)該優(yōu)先使用slice。

總結(jié)：獲取子字符串，使用 slice 或 substring。

用于確定一個(gè)字符串在另一個(gè)字符串中第一次出現(xiàn)的位置，

返回結(jié)果是匹配開(kāi)始的位置。如果返回-1，就表示不匹配。

indexOf方法還可以接受第二個(gè)參數(shù)，表示從該位置開(kāi)始向后匹配。

lastIndexOf

lastIndexOf方法的用法跟indexOf方法一致，主要的區(qū)別是lastIndexOf從尾部開(kāi)始匹配，indexOf則是從頭部開(kāi)始匹配。

總結(jié)：查找子字符串時(shí)，使用 indexOf 或 includes/startsWith/endsWith 進(jìn)行簡(jiǎn)單檢查。

endsWith 用來(lái)判斷當(dāng)前字符串是否是以另外一個(gè)給定的子字符串“結(jié)尾”的，根據(jù)判斷結(jié)果返回 true 或 false。

用于去除字符串兩端的空格，返回一個(gè)新字符串，不改變?cè)址?/p>

toLowerCase方法用于將一個(gè)字符串全部轉(zhuǎn)為小寫，

toUpperCase則是全部轉(zhuǎn)為大寫。

它們都返回一個(gè)新字符串，不改變?cè)址?/p>

split方法按照給定規(guī)則分割字符串，返回一個(gè)由分割出來(lái)的子字符串組成的數(shù)組。

如果分割規(guī)則為空字符串，則返回?cái)?shù)組的成員是原字符串的每一個(gè)字符。

如果省略參數(shù)，則返回?cái)?shù)組的唯一成員就是原字符串。

split方法還可以接受第二個(gè)參數(shù)，限定返回?cái)?shù)組的最大成員數(shù)。

返回一個(gè)新字符串，表示將原字符串重復(fù)n次。

字符串補(bǔ)全長(zhǎng)度的功能。如果某個(gè)字符串不夠指定長(zhǎng)度，

會(huì)在頭部或尾部補(bǔ)全。padStart()用于頭部補(bǔ)全，padEnd()用于尾部補(bǔ)全。

trimStart()消除字符串頭部的空格，

trimEnd()消除尾部的空格。

返回一個(gè)由替換值（replacement）替換部分或

所有的模式（pattern）匹配項(xiàng)后的新字符串。

模式可以是一個(gè)字符串或者一個(gè)正則表達(dá)式，

替換值可以是一個(gè)字符串或者一個(gè)每次匹配都要調(diào)用的回調(diào)函數(shù)。

如果pattern是字符串，則僅替換第一個(gè)匹配項(xiàng).

web前端筆記4-有講 如果感興趣、請(qǐng)參考之前文章

js中字符串的常見(jiàn)方法

首先創(chuàng)建一個(gè)字符串，創(chuàng)建字符串的方法有兩種:

1.字面量：var str = "abc123efg456";

2.構(gòu)造函數(shù)：var str = newString("abc123efg456");

其次，需要注意的是，javascript的字符串是不可變的，String類定義的方法都不可以改變字符串內(nèi)容。若是需要通過(guò)方法改變字符串的內(nèi)容，需要將返回值重新賦值給原來(lái)的字符串。如：str = str.toUpperCase();

下面，介紹比較常用的字符串的方法:

var str = "1abc123abc456abc";

功能:返回指定的字符串值在字符串中首次出現(xiàn)的位置。

參數(shù):s為要檢索的字符,必需;n為可選的字符參數(shù)，規(guī)定字符串檢索的位置。

demo:

var index1 = str.indexOf("a");

var index2 =str.indexOf("a",8);

var index3 =str.indexOf("a",14);

console.log(index1); // 1

console.log(index2); // 13

console.log(index3); // -1? 從檢索的位置檢索不到字符，返回-1

功能:返回一個(gè)指定的字符串值最后出現(xiàn)的位置，在一個(gè)字符串中的指定位置從后向前搜索。

參數(shù):s為要檢索的字符,必需;n為可選的字符參數(shù)，規(guī)定字符串檢索的位置。

demo:

var index1 =str.lastIndexOf("a");?

var index2 =str.lastIndexOf("a",11);

var index3 =str.lastIndexOf("a",0);

console.log(index1); // 13

console.log(index2); // 7

console.log(index3); // -1? 從檢索的位置檢索不到字符，返回-1

功能:返回指定位置的字符。

參數(shù):n表示字符串中某個(gè)位置的索引,不寫默認(rèn)為第0個(gè)字符。

demo:

var s = str.charAt(3);

console.log(s);? // c

功能:返回指定位置的字符的Unicode編碼。

參數(shù):n表示字符串中某個(gè)位置的索引,可以沒(méi)有參數(shù)，默認(rèn)是索引為0的參數(shù)。

demo:

var s = str.charCodeAt(3);

console.log(s);? // 99

注:c的unicode編碼為99。

注意：charAt(n)方法和charCodeAt(n)方法類似，前者返回的是字符，后者返回的是字符的unicode編碼。

功能:將編碼轉(zhuǎn)成字符方法。

參數(shù):十進(jìn)制和十六進(jìn)制，不支持unicode編碼。

demo:

var s1 =String.fromCharCode("0x56fd");

var s2 = String.fromCharCode(22269);

console.log(s1);?? //國(guó)

console.log(s2);? //國(guó)

注:“國(guó)”的十六進(jìn)制編碼是56fd,十進(jìn)制是22269。

功能:根據(jù)指定位置，截取子串，從m到n，不包括n。

參數(shù):m,n為索引。

demo:

var s = str.slice(2,7);

console.log(s); // bc123

功能:根據(jù)指定位置，截取子串，從m到n，不包括n。

參數(shù):m,n為索引。

demo:

var s = str.substring(2,7);

console.log(s); // bc123

功能:根據(jù)指定位置，截取子串，從m位置取，共取n個(gè)。

參數(shù):m,n為索引。

demo:

var s = str.substr(2,7);

console.log(s); // bc123ab

功能:字符串替換。

參數(shù):oldstr為需要被替換的字符，newstr為替換的字符。

demo:

var s =str.replace("a","l");

console.log(s); // 1lbc123abc456abc

注意:每次只能替換一個(gè)符合條件的字符。

功能:分割字符，返回成為數(shù)組。

參數(shù):"s"為分割的字符。

demo1:

var arr1 = str.split("b");

console.log(arr1);? // ["1a", "c123a","c456a", "c"]

demo2:

var arr2 = str.split(); //["1abc123abc456abc"]

console.log(arr2);

demo3:

var arr3 = str.split("");

console.log(arr3); // ["1","a", "b", "c", "1", "2","3", "a", "b", "c", "4","5", "6", "a", "b", "c"]

注意:參數(shù)不寫的時(shí)候,返回原字符串組成的數(shù)組;參數(shù)為空字符的時(shí)候,將每個(gè)字符分割，返回一個(gè)數(shù)組

功能:檢索字符串中指定的子字符串,返回第一個(gè)與字符串匹配的索引值。

參數(shù):需要被檢索的字符串。

demo:

var s1= str.search("abc");

var s2 = str.search("efg");

console.log(s1); // 1

console.log(s2); // -1

注:如果沒(méi)有找到任何匹配的子串，則返回-1。

功能:在字符串內(nèi)檢索指定的值,匹配到就返回指定的字符值。

參數(shù):需要被檢索的字符串。

demo:

var s1= str.match("abc");

var s2 = str.match("efg");

console.log(s1); // ["abc",index: 1, input: "1abc123abc456abc", groups: undefined]

console.log(s2); // null

注:該方法類似indexOf()和lastIndexOf(),但是它返回指定的值，沒(méi)有就返回null

功能:連接兩個(gè)或多個(gè)字符串,返回連接后的字符串。

參數(shù):需要連接的字符串。

demo:

var str1="abc ";

var str2="123";

console.log(str1.concat(str2));?? // "abc 123"

提示:如果需要拼接字符串，用運(yùn)算符“+”更簡(jiǎn)單。

功能:把字符串轉(zhuǎn)換為小寫。

參數(shù):無(wú)

demo:

var str = "ABC abc";

console.log(str.toLowerCase()); // abcabc

功能:把字符串轉(zhuǎn)換為大寫。

參數(shù):無(wú)

demo:

var str = "ABC abc";

console.log(str.toUpperCase()); // ABCABC

功能:把字符串顯示為大號(hào)字體。

參數(shù):無(wú)

demo:

var s = str.big();

document.write(str+"");

document.write(s);

功能:把字符串顯示為小號(hào)字。

參數(shù):無(wú)

demo:

var s = str.small();

document.write(str+"");

document.write(s);

功能:把字符串顯示為粗體。

參數(shù):無(wú)

demo:

var s = str.bold();

document.write(str+"");

document.write(s);

功能:把字符串顯示為斜體。

參數(shù):無(wú)

demo:

var s = str.italics();

document.write(str+"");

document.write(s);

功能:將字符以指定的顏色顯示。

參數(shù):顏色名(red)、RGB 值(rgb(255,0,0))或者十六進(jìn)制數(shù)(#FF0000)。

demo:

var s = str.fontcolor("red");

document.write(str+"");

document.write(s);

功能:將字符以指定的字號(hào)顯示。

參數(shù):size參數(shù)必須是從1和7之間的數(shù)字,1表示小的字號(hào),7表示最大的字號(hào)。

demo:

var s = str.fontsize(7);

document.write(str+"");

document.write(s);

功能:把字符串顯示為超鏈接。

參數(shù):鏈接的URL。

demo:

var s =str.link("");

document.write(str+"");

document.write(s);

功能:把字符串加字符串顯示。

參數(shù):無(wú)

demo:

var s = str.strike();

document.write(str+"");

document.write(s);

以上是對(duì)字符串方法的整理，如有修改、補(bǔ)充，后續(xù)會(huì)更新。

文中如果紕漏，錯(cuò)誤，不合理，描述不清晰，不準(zhǔn)確等問(wèn)題，歡迎大家留言指正...

關(guān)于JS中字符串的編碼

Unicode 作為字符編碼的標(biāo)準(zhǔn)，它用 碼位 （code point）來(lái)索引某個(gè)字符（全球統(tǒng)一標(biāo)識(shí)符）， 字符編碼 用來(lái)標(biāo)識(shí)碼位，一個(gè)字符編碼視為一個(gè) 編碼單元 。在 JavaScript 里，字符串基于16位的字符編碼（UTF-16，Unicode 的其中一種）來(lái)構(gòu)建一個(gè)編碼單元（以十或十六進(jìn)制表示）。

前65535個(gè)字符編碼稱之為 基本多文種平面字符 （BMP， Basic multilingual plane ），一個(gè)編碼標(biāo)識(shí)一個(gè)碼位；當(dāng)超出 BMP 的范圍時(shí)就會(huì)用兩個(gè)編碼（代理對(duì)）來(lái)標(biāo)識(shí)一個(gè)碼位，稱之為 輔助平面字符 。大部分字符都處在 BMP 范圍內(nèi)，另有一部分字符處在輔助平面內(nèi)，這導(dǎo)致一些問(wèn)題，比如“????”這個(gè)漢字：

由于 String.length 是用編碼單元的數(shù)量來(lái)計(jì)算長(zhǎng)度，所以當(dāng)遇到如“????”這樣有兩個(gè)編碼單元的冷僻字時(shí)，字符個(gè)數(shù)的計(jì)算就會(huì)出現(xiàn)偏差。在 ES6 標(biāo)準(zhǔn)中，正則表達(dá)式的修飾符 /u 會(huì)將字符匹配模式從編碼單元模式切換到字符模式，于是可以利用正則匹配來(lái)計(jì)算字符個(gè)數(shù)：

需要注意的是當(dāng) .match() 方法沒(méi)有匹配到內(nèi)容時(shí)，會(huì)返回 null，并且這種方法處理長(zhǎng)字符串的開(kāi)銷較大。

.charCodeAt() 和 .codePointAt() 方法都會(huì)獲得字符編碼的十進(jìn)制值，不同的是 .codePointAt() 方法可以獲得以 代理對(duì) 來(lái)標(biāo)識(shí)的碼位十進(jìn)制值，也是最終指向該字符的完整字符編碼的十進(jìn)制值。

Unicode 序列有多種規(guī)則，在 ES6 中用 .normalize() 方法來(lái)統(tǒng)一字符串的序列（“NFC”、“NFD”、“NFKC”、“NFKD”），這影響到做諸如比較運(yùn)算等操作的結(jié)果，比如下面這個(gè)排序操作：

REFS:

《深入理解ES6》2.字符串和正則表達(dá)式

Unicode等價(jià)性

JS字符串的操作方法

字符串的屬性：length =》 代表字符串長(zhǎng)度

字符串中，字符的位置也是從0開(kāi)始，依次遞增。

不會(huì)修改原字符串，會(huì)將拼接好的字符串以返回值的方式返回出來(lái)。

可以在字符串中查找指定的字符。

可以查到的的話返回值字符所在的位置。

查不到返回 -1。

如果要查找的字符在字符中存在多個(gè)，永遠(yuǎn)只找一個(gè)。

使用方法和 indexOf 一樣。

但是 indexOf 是從前往后查找，lastindexOf() 是從后往前查找。

有兩個(gè)參數(shù)。

第一個(gè)參數(shù)，舊的字符。

第二個(gè)參數(shù)，新的字符。

不會(huì)修改原數(shù)組。

會(huì)將替換好的數(shù)組以返回值的形式返回出來(lái)。

如果舊的字符在字符串中不止一個(gè)，則替換第一個(gè)。

不會(huì)改變?cè)瓟?shù)組。

會(huì)將轉(zhuǎn)化好的數(shù)組以返回值的形式返回出來(lái) 。

如果括號(hào)中什么都不寫；則將整個(gè)字符串作為數(shù)組的一個(gè)元素轉(zhuǎn)化成數(shù)組。

如果括號(hào)中是空字符串，則將每個(gè)字符都作為一個(gè)數(shù)組的元素轉(zhuǎn)化成數(shù)組。

如果括號(hào)中寫字符，則將這個(gè)字符變成逗號(hào)（，）,并以其隔開(kāi)數(shù)組元素。

如果字符串中沒(méi)有這個(gè)字符，效果相當(dāng)于什么都不寫。

如果目標(biāo)字符在開(kāi)頭或者結(jié)尾，則轉(zhuǎn)成數(shù)組后，生成一個(gè)空字符串的元素。

split 還有第二個(gè)參數(shù)：

第二個(gè)參數(shù)代表轉(zhuǎn)成數(shù)組后，所保留的元素的數(shù)量。（從以轉(zhuǎn)化好的數(shù)組下標(biāo)為0的元素開(kāi)始）

有兩個(gè)參數(shù)

第一個(gè)參數(shù)：起始的位置

第二個(gè)參數(shù)：截取的數(shù)量

不會(huì)改變?cè)瓟?shù)組

會(huì)將截取到的字符串以返回值的形式返回出來(lái)

有兩個(gè)參數(shù)

第一個(gè)參數(shù)：起始的位置（返回時(shí)包括位置所對(duì)應(yīng)的字符）

第二個(gè)參數(shù)：結(jié)束的位置（返回時(shí)不包括位置所對(duì)應(yīng)的字符）

不會(huì)改變?cè)瓟?shù)組

會(huì)將截取到的字符串以返回值的形式返回出來(lái)

不會(huì)改變?cè)瓟?shù)組

會(huì)將轉(zhuǎn)換好的字符串以返回值的形式返回出來(lái)

不會(huì)改變?cè)瓟?shù)組

會(huì)將轉(zhuǎn)換好的字符串以返回值的形式返回出來(lái)

網(wǎng)頁(yè)題目：javascript字符,JavaScript字符串轉(zhuǎn)數(shù)字
文章地址：http://chinadenli.net/article3/dsgcois.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、移動(dòng)網(wǎng)站建設(shè)、微信小程序、自適應(yīng)網(wǎng)站、網(wǎng)站制作、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)