Javascript中字符串相關(guān)常用的使用方法有哪些-創(chuàng)新互聯(lián)

小編給大家分享一下Javascript中字符串相關(guān)常用的使用方法有哪些，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供碑林網(wǎng)站建設(shè)、碑林做網(wǎng)站、碑林網(wǎng)站設(shè)計、碑林網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、碑林企業(yè)網(wǎng)站模板建站服務(wù)，10年碑林做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

JavaScript的內(nèi)置功能之一就是字符串連接，如果用‘+'連接兩個數(shù)字，表示兩數(shù)相加。但是如果用于字符串，就表示第二個字符加在第一個字符之后。

var num=1+2;
console.log(num);
var msg='hello'+'world';
console.log(msg);

對于字符串來說，除了有l(wèi)ength屬性，還有很多其他有用的屬性，如：

var str='hello,world';
console.log(str.length);
console.log(str.charAt(0)); //第一個字符 
console.log(str.charAt(str.length-1)); // 最后一個字符 
//substring(starti,endi), 截取 字符串 起始startistartii， 到endi結(jié)束，且含頭不含尾，沒有
// 如果第二個參數(shù)沒有， 就默認截取到最后一個。  
console.log(str.substring(1,4));
console.log(str.substring(1));
//用法同上，為負數(shù)時，就是倒數(shù)開始算，一個參數(shù)含義是倒數(shù)幾個。
console.log(str.slice(1,4));
console.log(str.slice(-3));
//字符‘l'首次出現(xiàn)的位置 
console.log(str.indexOf('l'));
//字符‘l'最后一次出現(xiàn)的位置 
console.log(str.lastIndexOf('l'));
//在位置下標3之后，首次出現(xiàn)的位置 
console.log(str.indexOf('l',3));
//用‘，'分割為字符串
console.log(str.split(','));
// 把str中的小寫h換成大寫H
console.log(str.replace('h','H'));
//講字符串轉(zhuǎn)化為大寫
console.log(str.toUpperCase());

提示：在javascript中字符串本身是固定不變的，上述方法都會返回一個新的字符串值，并不會影響str本身的值

值得注意的是，在ES6中，給字符串增加了很多新的方法，如：

var s = 'Hello world!';
// 返回布爾值，表示參數(shù)字符串是否在源字符串中的頭部
console.log(s.startsWith('Hello')) // true
//endsWith()：返回布爾值，表示參數(shù)字符串是否在源字符串的尾部
console.log(s.endsWith('!')) // true
// includes()返回布爾值，表示是否找到了參數(shù)字符串
console.log(s.includes('o')) // true

上述的三個方法都支持第二個參數(shù)，表示開始搜索的位置

var s = 'Hello world!';
console.log(s.startsWith('world', 6)) // true
console.log(s.endsWith('Hello', 5))// true
console.log(s.includes('Hello', 6)) // false

提示：endsWith的行為與其他兩個方法有所不同。它針對前n個字符，而其他兩個方法針對從第n個位置直到字符串結(jié)束。
repeat方法返回一個新字符串，表示將原字符串重復(fù)n次。

console.log('x'.repeat(3)) // "xxx"
console.log('hello'.repeat(2)) // "hellohello"
console.log('na'.repeat(0)) // ""

參數(shù)如果是小數(shù)，會被取整。

console.log('na'.repeat(2.9)) // "nana"
//如果repeat的參數(shù)是負數(shù)或者Infinity，會報錯。
console.log('na'.repeat(Infinity))
// RangeError
console.log('na'.repeat(-1))
// RangeError

但是，如果參數(shù)是0到-1之間的小數(shù)，則等同于0，這是因為會先進行取整運算。0到-1之間的小數(shù)，取整以后等于-0，repeat視同為0。

console.log('na'.repeat(-0.9)) // ""
//參數(shù)NaN等同于0
console.log('na'.repeat(NaN)) // "
//如果repeat的參數(shù)是字符串，則會先轉(zhuǎn)換成數(shù)字
console.log('na'.repeat('na')) // ""
console.log('na'.repeat('3')) // "nanana"

ES2017 引入了字符串補全長度的功能。如果某個字符串不夠指定長度，會在頭部或尾部補全。padStart()用于頭部補全，padEnd()用于尾部補全

//padStart和padEnd一共接受兩個參數(shù)，第一個參數(shù)用來指定字符串的最小長度，第二個參數(shù)是用來補全的字符串。
console.log('x'.padStart(5, 'ab')) // 'ababx'
console.log('x'.padStart(4, 'ab')) // 'abax'
console.log('x'.padEnd(5, 'ab')) // 'xabab'
console.log('x'.padEnd(4, 'ab')) // 'xaba'
//如果原字符串的長度，等于或大于指定的最小長度，則返回原字符串。
console.log('xxx'.padStart(2, 'ab')) // 'xxx'
console.log('xxx'.padEnd(2, 'ab')) // 'xxx'
//如果用來補全的字符串與原字符串，兩者的長度之和超過了指定的最小長度，則會截去超出位數(shù)的補全字符串。
consoe.log('abc'.padStart(10, '0123456789'))
// '0123456abc'
//如果省略第二個參數(shù)，默認使用空格補全長度。
console.log('x'.padStart(4)) // ' x'
console.log('x'.padEnd(4)) // 'x '
//padStart的常見用途是為數(shù)值補全指定位數(shù)。下面代碼生成10位的數(shù)值字符串。
console.log('1'.padStart(10, '0') )// "0000000001"
console.log('12'.padStart(10, '0')) // "0000000012"
console.log('123456'.padStart(10, '0')) // "0000123456"
//另一個用途是提示字符串格式。
console.log('12'.padStart(10, 'YYYY-MM-DD')) // "YYYY-MM-12"
console.log('09-12'.padStart(10, 'YYYY-MM-DD'))// "YYYY-09-12"

看完了這篇文章，相信你對“Javascript中字符串相關(guān)常用的使用方法有哪些”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝各位的閱讀！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.jbt999.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章名稱：Javascript中字符串相關(guān)常用的使用方法有哪些-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://www.jbt999.com/article38/dshdsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、搜索引擎優(yōu)化、關(guān)鍵詞優(yōu)化、域名注冊、微信公眾號、ChatGPT

廣告

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