JavaScript的基本包裝類型_String類型
String類型的屬性
判斷字符串長度：length
var box1 = ‘41412‘ alert(box1.length) var box2 = ‘ 41412‘ alert(box2.length) // 結果是6，前面空格也算是一個字符
constructor屬性
var str = ‘huang‘ console.log(str.constructor) // [Function: String]
String對象的通用方法
比如 valueOf()、toLocaleString()和 toString()方法，但這些方法都返回字符串的基本值
//以下方法結果都是原字符串,傳參數無效 var box = "javascript"; console.log(box.valueOf(2)); //javascript console.log(box.toString(2)); // javascript console.log(box.toLowerCase()); // javascript console.log(box.toLocaleString()); // javascript
charAt方法：根據下標獲取子字符串
var box1 = ‘41412‘ console.log(box1.charAt(2)) // 結果是4，表示獲取下標為2的那個字符串
charCodeAt方法：以Unicode編碼形式返回指定索引位置的字符
var box1 = ‘41412‘ console.log(box1.charCodeAt(2)) // 結果是52
字符串通過數組方式截取
PS：box[1]在 IE6,7,8 瀏覽器會顯示 undefined，所以使用時要慎重
var box1 = ‘41412‘ console.log(box1[1]) // 結果是1
String類型的操作方法
concat(str1...str2)方法
將字符串參數串聯到調用該方法的字符串，就是將多個字符串串聯成一個字符串，並且返回一個新的字符串
var box = ‘Mr.Lee‘; console.log(box.concat(‘ is ‘, ‘ Teacher ‘, ‘!‘));//Mr.Lee is Teacher ! console.log(box) // Mr.Lee,原來的字符串沒有被修改
slice(n,m)方法
返回字符串n到m之間位置的字符串，包含頭不包含尾，這個方法同樣返回一個新的字符串，原來的字符串不會被修改
var box = ‘Mr.Lee‘; console.log(box.slice(3)); //Lee console.log(box.slice(3,5)); //Le 包含頭不包含尾 console.log(box.slice(1,-1)); //r.Le 第二個參數可以是負數，表示從後面算起，同樣不包含尾 console.log(box) // Mr.Lee
substring(n,m)方法
返回字符串n到m之間位置的字符串，這個方法同樣返回一個新的字符串，原來的字符串不會被修改，跟slice方法基本一樣
var box = ‘Mr.Lee‘; console.log(box.substring(3)); //Lee console.log(box.substring(3,5)); //Le 包含頭不包含尾 console.log(box.substring(1,-2)); //M ,不支持負數 console.log(box) // Mr.Lee
substr(n,m)方法
返回字符串n到m之間位置的字符串，這個方法同樣返回一個新的字符串，原來的字符串不會被修改，跟slice方法基本一樣，包含頭包含尾
var box = ‘Mr.Lee‘; console.log(box.substr(3)); //Lee console.log(box.substr(3,5)); //Lee包含頭也包含尾 console.log(box.substr(3,-1)); //返回時空的字符串，不支持負數 console.log(box) // Mr.Lee
下面來看一下這三個方法使用負數的情況
var box = ‘Mr.Lee‘; alert(box.slice(-3)); //Lee，6+(-3)=3 位開始 6表示字符串的長度 alert(box.substring(-3)); //Mr.Lee 負數返回全部 alert(box.substr(-3)); //Lee，6+(-3)=3 位開始 6表示字符串的長度 var box1 = ‘Mr.Lee‘; alert(box1.slice(3, -1)); //Le 6+(-1)=5, (3,5) 6表示字符串的長度 alert(box1.substring(3, -1)); //Mr. 第二參為負，直接轉 0，並且方法會把較小的數字提前，(0,3) alert(box1.substr(3, -1)); //第二參數為負，直接轉 0 ，(3,0)
IE6,7,8 的 JavaScript 實現在處理向 substr()方法傳遞負值的情況下存在問題，它會返回原始字符串，使用時要切記
字符串位置方法
indexOf(str,n)
從n開始搜索的第一個str，並將搜索的索引值返回，如果沒有找到就返回-1，可以用來判斷指定的str再在字符串中存不存在
var box = ‘Mr.Lee is Lee‘; console.log(box.indexOf(‘L‘)); //3 console.log(box.indexOf(‘L‘, 5)); //10 console.log(box.indexOf(‘C‘)) // -1 console.log(box.indexOf(‘m‘)) // -1,區分大小寫
var box = ‘Mr.Lee is Lee‘; alert(box.indexOf(‘L‘)); //3 alert(box.indexOf(‘L‘, 5)); //10 alert(box.lastIndexOf(‘L‘)); //10 alert(box.lastIndexOf(‘L‘, 5)); //3，從指定的位置向前搜索
PS：如果沒有找到想要的字符串或者角標不存在，則返回-1。示例：找出全部的 L
var box = ‘Mr.Lee is Lee‘; //包含兩個 L 的字符串 var boxarr = []; //存放 L 位置的數組 var pos = box.indexOf(‘L‘); //先獲取第一個 L 的位置 while (pos > -1) { //如果位置大於-1，說明還存在 L boxarr.push(pos); //添加到數組 pos = box.indexOf(‘L‘, pos + 1); } //從新賦值 pos 目前的位置 alert(boxarr); //輸出
5大小寫轉換方法：
var box = ‘Mr.Lee is Lee‘; alert(box.toLowerCase()); //全部小寫 alert(box.toUpperCase()); //全部大寫 alert(box.toLocaleLowerCase()); alert(box.toLocaleUpperCase());
6.字符串的模式匹配方法：
以上中 match()、replace()、serach()、split()在普通字符串中也可以使用。
var box = ‘Mr.Lee is Lee‘; alert(box.match(‘L‘)); //找到 L，返回 L 否則返回 null alert(box.search(‘L‘)); //找到 L 的位置，和 indexOf類似 alert(box.replace(‘L‘, ‘Q‘)); //把 L 替換成 Q，返回替換後的字符串 alert(box.split(‘ ‘)); //以空格分割成數組，並返回字符串數組
7.其他方法：
alert(String.fromCharCode(76)); //L，輸出 Ascii 碼對應的字符
localeCompare(str1,str2)方法詳解：比較兩個字符串並返回以下值中的一個；
1.如果字符串在字母表中應該排在字符串參數之前，則返回一個負數。(多數-1)
2.如果字符串等於字符串參數，則返回 0。
3.如果字符串在自附表中應該排在字符串參數之後，則返回一個正數。(多數 1)
var box = ‘Lee‘; alert(box.localeCompare(‘apple‘)); //1 alert(box.localeCompare(‘Lee‘)); //0 alert(box.localeCompare(‘zoo‘)); //-1 alert(box.localeCompare(‘1‘));//傳入數字結果全部是1 alert(box.localeCompare("啊"));//傳入中文全部是-1，不會按中文的拼音排序
8.HTML方法：通過 JS 生成一個 html 標簽，根據經驗，沒什麽太大用處，做個了解。
var box = ‘Lee‘; document.write((box.link(‘http://www.yc60.com‘))); //超鏈接,相當於這樣：<a href="http://www.yc60.com">Lee</a> 在網頁中是有效的
三、給String對象添加自定義方法（String-原型屬性prototype）
發現js中的string對象方法有限，想要對字符串操作的其他功能。
比如：去除字符串兩端的空格。這時只能自定義。
這裏就可以使用一個該字符串的原型屬性來完成：
原型：
就是該對象的一個描述。該描述中如果添加了新功能。那麽該對象都會具備這些新功能。
而prototype就可以獲取到這個原型對象。通過prototype就可以對對象的功能進行擴展。
1.去除字符串兩端的空格。
思路：
1.定義兩個變量，一個記錄開始的位置。一個記錄結束的位置。
2.對開始的位置 的字符進行判斷，如果是空格，就進行遞增，直到不是空格為止。
3.對結束的位置 的字符進行判斷，如果是空格，就進行遞減，直到不是空格為止。
4.必須要保證開始<=結束，這樣才可以進行截取。
function trim(str){ var start,end; start=0; end=str.length-1; while(start<=end && str.charAt(start)==‘ ‘){ start++; } while(start<=end && str.charAt(end)==" "){ end--; } return str.substring(start,end+1); } var s = " ab c "; alert("-"+trim(s)+"-");//單獨調用該方法
既然trim方法是用來操作字符串的方法，可不可以像字符串已有的方法一樣，將該方法也定義到字符串對象中呢？
直接用字符串對象調用就歐了。給string對象添加一個可以去除字符串兩端空格的新功能：
String.prototype.trim = function(){ var start,end; start=0; end=this.length-1; while(start<=end && this.charAt(start)==‘ ‘){ start++; } while(start<=end && this.charAt(end)==" "){ end--; } return this.substring(start,end+1); } var s = " ab c "; s=s.trim(); alert("s="+s);
2.添加一個將字符串轉成字符數組
String.prototype.toCharArray = function(){
var chs = [];//定義一個數組。
for(var x=0; x<this.length; x++){ //將字符串中的每一位字符存儲到字符數組中。
chs[x] = this.charAt(x);
}
return chs;
}
var str = "abcdefg";
alert(str.toCharArray());
ES6中增加了一些操作字符串的方法，詳情查看：ES5-ES6-ES7_字符串擴展—模板字符串
JavaScript的基本包裝類型_String類型