好程式設計師web前端教程:字串
好程式設計師 web前端教程:字串,觀察某寶網商品資料,有一個東西叫 伺服器 >>>>js的作用重要作用之一>>>> 互動 >>>>人機互動(事件)>>>>伺服器互動(ajax);
伺服器互動,資料處理方式 json>>>>>要把它轉化成字串操作。
字串操作重要性不言而喻。
什麼是字串 ?
字串就是一串字元,由單(雙)引號括起來,字串是 JavaScript的一種基本型別。
● "undefined"——如果這個值未定義;
● "boolean"——如果這個值是布林值;
● "string"——如果這個值是字串;
● "number"——如果這個值是數值;
● "object"——如果這個值是物件或null;
字串的操作 >>>>> 從1+1=2到1+1=11又怎樣的區別那?(小複習)
字串的宣告:
var str="親"; 基本型別 定義一個字串變數str,內容為‘親'
var str = new String(“hello”); 引用型別 定義一個字串變數str,內容為hello, 注意此刻str為object(物件)型別 用new產生的變數都是引用型別的變數,也叫物件。
JavaScript特性之一>>>>>>萬事萬物皆物件;
基本型別值指的是簡單的資料段,而引用型別是一個指向,指向 javascript的內部物件。
字串與 html
1.當把html編譯成字串插入到頁面中的時候 , JavaScript解析器會直接將字串解析成程式碼。 比如:document.write('<strong>我是加粗的文字/strong>')
寫在頁面上是什麼樣子那? for迴圈和字串拼接。(練習)
big() 用大號字型顯示字串
bold() 使用粗體顯示字串
fixed() 以打字機文字顯示字串
strike() 使用刪除線來顯示字串
fontcolor() 使用指定顏色來顯示字串
fontsize() 使用指定尺寸來顯示字串
link() 將字串顯示為連結
sub() 把字串顯示為下標
sup() 把字串顯示為上標
//上述方法,都返回一個增加了標籤的字串,但是不對字串本身進行操作;
沒有 html程式碼的商品列表頁面
兩種宣告字串的方式差別。型別不同(原因)。字串的下標 length
字串操作 >>>>
1.查詢操作
1)indexOf("abc") 查詢字串第一次出現的位置 ;
2)lastIndexOf("abc") 查詢字串最後一次出現的位置 如果沒找到 返回-1
3)replace() 替換字串//返回一個修改後的字串不對原字串進行操作
replace 替換字串
如: var str="how are you";
alert(str.replace("are","old are"));
2.獲取操作
charAt(3) //獲取下標為3的字元
charCodeAt(3) //獲取下標為3的字元的Unicode碼
Unicode (統一碼 、萬國碼、單一碼)是電腦科學領域裡的一項業界標準 , 包括字符集、編碼方案等。 >>>>> 翻譯官思密達
String.fromCharCode(94) //編碼轉換成字元;
由於 fromCharCode( )是String物件中的方法 ,所以在使用的時候要加上字首String;
substring(start,end)//擷取字串,從第start位開始,到end位停止。
字符集
GBK 、 GB2312 、 GB18030 、 BIG5 (繁體中文)
Unicode-8 UTF-8 Unicode-16
split(separator, howmany) >>>>>> 根據分隔符、拆分成陣列;
separator (字串);//根據什麼進行拆分
howmany(可以指定返回的陣列的最大長度) ;
【注】如果空字串 (“”)用作separator,那麼stringObject中的每個字元之間都會被分割。
3.拼接操作
concat() 連線字串 //最沒用的方法
4.大小寫操作
toLowerCase()
toUpperCase()
字串操作練習
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69913892/viewspace-2646950/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 好程式設計師web前端教程分享CSS技巧!程式設計師Web前端CSS
- 好程式設計師web前端教程:Math函式程式設計師Web前端函式
- 好程式設計師web前端教程分享web前端基礎知識程式設計師Web前端
- 好程式設計師web前端教程JavaScript系列之HTTP程式設計師Web前端JavaScriptHTTP
- 好程式設計師web前端教程分享js閉包程式設計師Web前端JS
- 好程式設計師web前端教程分享js模板模式程式設計師Web前端JS模式
- 好程式設計師web前端教程分享js reduce方法使用教程程式設計師Web前端JS
- 好程式設計師web前端教程分享javascript 練習題程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享JavaScript面試題程式設計師Web前端JavaScript面試題
- 好程式設計師web前端教程分享JavaScript簡寫方法程式設計師Web前端JavaScript
- 好程式設計師Web前端教程分享JavaScript開發技巧程式設計師Web前端JavaScript
- 好程式設計師web前端教程之Node.Js流程程式設計師Web前端Node.js
- 好程式設計師Web前端教程分享Vue學習心得程式設計師Web前端Vue
- 好程式設計師web前端教程分享web前端入門基礎知識程式設計師Web前端
- 好程式設計師web前端教程分享web中CSS絕對定位程式設計師Web前端CSS
- 好程式設計師web前端教程分享前端javascript練習題二程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享前端javascript練習題三程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享前端 javascript 練習題二程式設計師Web前端JavaScript
- 好程式設計師Web前端分享前端CSS篇程式設計師Web前端CSS
- 好程式設計師web前端教程分javascript練習題-事件程式設計師Web前端JavaScript事件
- 好程式設計師web前端教程分享JS基礎知識程式設計師Web前端JS
- 好程式設計師web前端培訓分享CSS定位的教程程式設計師Web前端CSS
- 好程式設計師web前端教程分享JavaScript Math(算數)物件程式設計師Web前端JavaScript物件
- 好程式設計師web前端學習教程之Node Js流程程式設計師Web前端JS
- 好程式設計師web前端教程分享前端javascript練習題之promise程式設計師Web前端JavaScriptPromise
- 好程式設計師web前端教程之前端模組化開發程式設計師Web前端
- 好程式設計師web前端分享應該怎樣學好web前端?程式設計師Web前端
- 好程式設計師web前端教程分享預設行為和拖拽思路程式設計師Web前端
- 好程式設計師web前端分享web前端入門知識程式設計師Web前端
- 好程式設計師web前端精講 web前端三要素程式設計師Web前端
- 好程式設計師web前端教程分享前端javascript練習題Ajax封裝程式設計師Web前端JavaScript封裝
- 好程式設計師web前端教程分享前端三大框架有哪些異同程式設計師Web前端框架
- 好程式設計師web前端教程分享三大前端框架相關問題程式設計師Web前端框架
- 好程式設計師web前端教程分享HTML5面試技巧程式設計師Web前端HTML面試
- 好程式設計師web前端教程分享JavaScript的執行機制!程式設計師Web前端JavaScript
- 好程式設計師web前端教程分享Jquery常見面試題程式設計師Web前端jQuery面試題
- 好程式設計師web前端教程分享Vue.js面試題程式設計師Web前端Vue.js面試題
- 好程式設計師web前端教程之詳解JavaScript嚴格模式程式設計師Web前端JavaScript模式