DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> js中字符串相關知識點總結
js中字符串相關知識點總結
編輯:JavaScript基礎知識     

 

有引號就是字符串類型

空格也算長度

字符串的length不可寫

typeof 判斷數據類型

var s="a bcadde你好"

// alert(typeof s)                  //string

// alert(s.length)                  //10

// alert(s.charAt(3))               //c 獲取某一位置的字符串元素

// alert(s.charAt(9))   //超過了字符串的長度-1或者負數,就彈出空值

// alert(s.charCodeAt(3))           //99    //獲取字符串元素的編碼

不寫就是獲取第0個

// alert(String.fromCharCode(99))   //c  //根據字符編碼獲取對應字

// alert(String.fromCharCode(20320,22909))   //你好

 

charCoedAt     

0~9    48~57

a~z     97~122

A~Z   65~90

 

 

 

 

search         找字符第一次出現的位置

var str = 'abcde';

alert(str.search("bc"))   // 從左往右找,返回第一次出現的位置

// 找不到返回-1

var str = 'www.baidu.comww';

 

 

indexOf()   獲取字符串中某個字符的位置,從左往右找

alert( str.indexOf('w') );         /0  第一次出現的位置

alert( str.indexOf('m', 5) );      //12      

5表示從第5位開始找後找,不寫默認或者負數從第0個開始找

alert( str.indexOf('X') )            //-1  表示沒找到

alert( str.indexOf('ww', 2) );   //單個單個數

alert( str.indexOf('ww', 2) );   //單個單個數

 

 

 

 

 

 

 

 

var str = '伴隨著燈光與歌聲,一朵碩大的牡丹花出現在觀眾眼前,“牡丹仙子”在花中跳著優美的舞蹈,觀眾連連稱奇。洛陽籍歌手田華演唱《洛陽牡丹》,贏得熱烈掌聲。';

 

var s = '牡丹';

var i = 0;

var m=""

 for( ; str.indexOf( s, i ) != -1 ; ){

m+=str.indexOf( s, i )

i = str.indexOf( s, i ) + s.length;

}

alert(m)

 

while( str.indexOf( s, i ) != -1 ){

alert( str.indexOf( s, i ) );

i = str.indexOf( s, i ) + s.length;

}

alert(m);

         

 

 

 

 

 

 

 

 

 

lastIndexOf()       從後往前找,第二個參數表示從哪開始找

                       如果第2個值為負數,默認當成0來處理

var str = '伴隨著燈光與歌聲,一朵碩大的牡丹花出現在觀眾眼前,“牡丹仙子”在花中跳著優美的舞蹈,觀眾連連稱奇。洛陽籍歌手田華演唱《洛陽牡丹》,贏得熱烈掌聲。';

 14   26   61

alert(str.indexOf('牡丹', 50))      //61  從左往右找

alert(str.lastIndexOf('牡丹', 38) );   //26

alert(str.lastIndexOf('牡丹', ) );    //14

 

 

 

 

字符串比較,只比較其第一個

              

substring        有目標截      

var str="外國的月亮比較圓?"

alert(str.substring(4))    // 亮比較圓?   取光標後的字符串

                              一個參數情況下,從那一位截取,不要前面的

alert(str.substring(0,2))   //外國    兩個參數,截取其間字符

alert(str.substring(2,0))   //外國    交換位置,自動大的參數仍後面

alert(str.substring(-3,2))   //外國    負數當做零處理

alert(str.substring(1,4))    //國的月  

                      不包含結束位置,從起始位置,到結束位光標前

 

slice                 可以從後面開始截取

alert( str.slice( 2, 0 ) ); //不顯示    無substring的交換位置的功能

alert(str.slice(-2))      //圓?  負數從尾部找  取光標後的字符串 

alert(str.slice(-4,-2));   //比較  從後面倒著往前來數

 

 

 

toUpperCase()   轉換成大寫

toLowerCase()   轉換成小寫

 

alert(str.toUpperCase())

alert(str.toLowerCase())

 

<div id="div1" onclick="alert( this.innerHTML.toUpperCase() );"><p>這是一段文字</p></div>

 

 

split   切割   切得那個東西沒了

         被分割成數組[]

var str="www.baidu.com"

alert(str.split("."))     //[www,baidu,com]  以特定字符切割

var str1=”lei”

alert(str1.split())    // ["lei"]  

                          不加分隔符,整個當做一個分割符,裝進數組

 

alert(str1.split(""))   ["l","e","i"]

                          以空字符切,認為字母數字漢子間有空字符串

 

var str3 = '/www.badiu.com/';   認為斜槓左邊有空的位置

alert( str3.split('/').length ); // [ , www.baidu.com,  ]

 

var str4 = '2016-04-01-23-07';   

alert( str4.split('-', 3) );    //[2016,04,01]

   3為可選參數,表示可截取的段數

 

 

 

join

----數組的變成字符串

var arr = [ 'aa', 'bb', 'cc' ];

alert( arr.join() );          //"aa,bb,cc"

       不寫,默認狀態下以 ,連接   顯示三個字符串

alert( typeof arr.join() );   //string

alert( arr.join().length );     //8    ,也算字符

alert( arr.join('') );         // aabbcc 以空字符串連接,不顯示空格 

alert( arr.join('').length )   // 6   "aabbcc"

alert( arr.join('-') );        //aa-bb-cc

 

 

 

 

 

 

 

 

 

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved