這篇文章主要介紹了JavaScript字符串對(duì)象的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

十余年的朝陽網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)營銷推廣的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整朝陽建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)公司從事“朝陽網(wǎng)站設(shè)計(jì)”,“朝陽網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

JavaScript 對(duì)象是一種復(fù)合值,是有屬性或已命名值的集合。通過”.”來引用屬性值。當(dāng)屬性值是一個(gè)函數(shù)的時(shí)候,稱其為方法。那么本篇文章來講解講解JavaScript中的String對(duì)象。

我們在書寫js代碼時(shí),經(jīng)常調(diào)用字符串的length屬性,substring()方法,charAt(),indexOf()方法等。這里需要特別說明一點(diǎn)是js中字符串對(duì)象也是不可變的。 通過+拼接字符串創(chuàng)建一個(gè)字符串對(duì)象,建議使用[].join()的方式拼接字符串。

看下面的例子:

var str="javascript";
var len=str.length;
var substr=str.substring(2,len);

那么一個(gè)問題來了,字符串不是對(duì)象為什么又屬性呢？ 我們知道在js中使用”“或者”號(hào)包裝起來的,我們都叫字符串。在字符串調(diào)用length屬性或者其方法時(shí), JavaScript就會(huì)隱士的將字符串的值通過調(diào)用new String(str)的方式轉(zhuǎn)換為對(duì)象,這個(gè)對(duì)象繼承了字符串的方法,并被用來處理屬性的引用。一旦引用結(jié)束,這個(gè)新創(chuàng)建的對(duì)象就會(huì)被自動(dòng)銷毀。同字符串一樣,數(shù)字和布爾類型也具有各自的方法,通過new Number()、new Boolen() 構(gòu)造函數(shù)創(chuàng)建一個(gè)臨時(shí)對(duì)象,這些方法的調(diào)用均是來自這個(gè)臨時(shí)對(duì)象。null和undefined沒有包裝對(duì)象,訪問它們的屬性會(huì)造成一個(gè)類型錯(cuò)誤。

現(xiàn)在來看一個(gè)模擬過程的例子：

var str = "test";
    str.length = 10;
    str.testStrLen = 10;
    var res = str.length;
    console.log(res);//輸出4
     res = str.testStrLen;
    console.log(res);//輸出undefined

當(dāng)js運(yùn)行到這段代碼的時(shí)候,res的值輸出4、undefined。其中第二行代碼嘗試覆蓋字符串原本的屬性length,第三個(gè)增加一個(gè)屬性testStrLen。從最終輸出的結(jié)果來看,并未達(dá)到預(yù)期的結(jié)果。原因是第二行和第三行都分別創(chuàng)建了一個(gè)臨時(shí)字符串對(duì)象,隨后又銷毀了這個(gè)臨時(shí)對(duì)象。當(dāng)進(jìn)行取值是lenth獲取的還是字符串里面的lenth屬性,當(dāng)嘗試讀取testStrLen的值,通過對(duì)應(yīng)的原型鏈進(jìn)行查找,沒有找到,就返回一個(gè)undefined。通過測試這段代碼說明了在讀取字符串的時(shí)候,表現(xiàn)出來的結(jié)果像對(duì)象調(diào)用一樣。但如果試圖給其屬性賦值,則會(huì)忽略這個(gè)操作,修改只是發(fā)生在臨時(shí)對(duì)象上,然而這個(gè)臨時(shí)對(duì)象并未繼續(xù)保存下來。

存取字符串、數(shù)字、布爾類型值的屬性時(shí)創(chuàng)建的臨時(shí)對(duì)象稱作包裝對(duì)象,是偶爾用來區(qū)分字符串值和字符串對(duì)象、數(shù)字和數(shù)值對(duì)象以及布爾值和布爾對(duì)象。包裝對(duì)象只是被看做是一種實(shí)現(xiàn)細(xì)節(jié),而不用特別的關(guān)注。由于字符串、數(shù)字和布爾值的屬性都是只讀的,并且不能給他們定義新屬性,因此有助于明白它們是有區(qū)別的。

需要注意的是,可通過String()、Number()、Boolean()構(gòu)造函數(shù)來顯示包裝對(duì)象。

 var str = new String("test");
    str.length = 10;
    str.testStrLen = 10;
    var res = str.length;
    console.log(res);//輸出4
    res = str.testStrLen;
    console.log(res); //輸出10

通過上面代碼我們成功給str這個(gè)字符串對(duì)象增加了testStrLen屬性,但是并沒有成功覆蓋原來的length屬性,也由此可以推出原型鏈讀取時(shí)自身屬性優(yōu)先,找到就不進(jìn)行下一步查找。而testStrLen的成功追加也可有助于我們理解通過字符串直接追加屬性時(shí)創(chuàng)建了一個(gè)臨時(shí)的字符串對(duì)象。

那我們來比較一下包裝和不包裝的值得的相等性。

 var str1 = new String("test");
    var str2 = "test";
    console.log(str1 == str2);//true
    console.log(str1 === str2);//false

    var n1 = new Number(1);
    var n2 = 1;
    console.log(n1 == n2);//true
    console.log(n1 === n2);//false

    var b1 = new Boolean(false);
    var b2 = false;

    console.log(b1 == b2);//true
    console.log(b1===b2);//false

由此我們可見JavaScript會(huì)在必要時(shí)將包裝對(duì)象轉(zhuǎn)換成原始值?！?=”運(yùn)算符將原始值和其包裝對(duì)象視為相等。但是”===”全等運(yùn)算符將它們視為不等。通過typeof運(yùn)算符可以看到原始值和其包裝對(duì)象的不同。
例如：

   var str1 = new String("test");
    var str2 = "test";
    console.log(str1 == str2);//true
    console.log(str1 === str2);//false
    console.log(typeof str1); //object
    console.log(typeof str2); //string

    var n1 = new Number(1);
    var n2 = 1;
    console.log(n1 == n2);//true
    console.log(n1 === n2);//false
    console.log(typeof n1); //object
    console.log(typeof n2); //number


    var b1 = new Boolean(false);
    var b2 = false;
    console.log(b1 == b2);//true
    console.log(b1 === b2);//false
    console.log(typeof b1); //object
    console.log(typeof b2); //boolean

常見的typeof返回類型

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JavaScript字符串對(duì)象的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)建站，關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

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

網(wǎng)站題目：JavaScript字符串對(duì)象的示例分析-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://chinadenli.net/article42/dsiihc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、網(wǎng)站制作、網(wǎng)站策劃、軟件開發(fā)、品牌網(wǎng)站建設(shè)、虛擬主機(jī)

廣告

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