[TOC] # 字符串與數組的轉換 ## **split()**：字符串按指定字符切割為字符串 ``` str="jpg|bmp|gif|ico|png"; arr=str.split("|"); //arr是一個包含字符值"jpg"、"bmp"、"gif"、"ico"和"png"的數組 ``` ## **John()** 數組按照指定的字符組合為字符串 ``` var delimitedString=myArray.join(delimiter); var myList=new Array("jpg","bmp","gif","ico","png"); var portableList=myList.join("|"); //結果是jpg|bmp|gif|ico|png ``` ## **數組轉json和json轉數組** ### 數組轉json串 ``` var arr = [1,2,3, { a : 1 } ]; JSON.stringify( arr ); ``` ### json轉數組 ``` var jsonStr = '[1,2,3,{"a":1}]'; JSON.parse( jsonStr ); ``` # 字符串切割 ## **substring(start,end)** 表示從start到end之間的字符串，包括start位置的字符但是不包括end位置的字符。 start 和 end 兩者中的較小值作為子字符串的起始點。例如， strvar.substring(0, 3) 和 strvar.substring(3, 0) 將返回相同的子字符串。如果 start 或 end 為 NaN 或者負數，那么將其替換為0。 ``` var src="images/off_1.png"; alert(src.substring(7,10)); //彈出值為：off ``` ## **substr(start [, length])** 表示從start位置開始，截取length長度的字符串。 ``` var src="images/off_1.png"; alert(src.substr(7,3)); //彈出值為：off ``` # 字符串查找 ## **indexOf()** 返回字符串中匹配子串的第一個字符的下標 未找到返回-1 ``` var myString="JavaScript"; var w=myString.indexOf("v");//2 var x=myString.indexOf("S");// 4 var y=myString.indexOf("Script");// 4 var z=myString.indexOf("key");// -1 ``` ## **lastIndexOf()** 返回從右向左出現某個字符或字符串的首個字符索引值（與indexOf相反） ``` var src="images/off_1.png"; alert(src.lastIndexOf('/')); alert(src.lastIndexOf('g')); //彈出值依次為：6,15 ``` # 大小寫轉換 ## **str.toLowerCase()** 字符串全部轉小寫 ``` var str= "JAMES"; // 將所有字符變成小寫 name = str.toLowerCase(); ``` ## **toUpperCase()** 字符串全部轉大寫 ``` var str= "james"; // 將所有字符變成小寫 name = str.toUpperCase(); ``` ## **首字母大寫** ``` var str="asdgfg"; var str= str.charAt(0).toUpperCase() + str.slice(1);//方法1 var str= str.slice(0,1).toUpperCase() + str.slice(1);//方法2 var str= str.subString(0,1).toUpperCase() + str.subString(1);//方法3 ``` 將字符串用js按大寫字母拆分，然后以下劃線_拼接并轉換成小寫返回。 ``` function strsplit(str){ arr = str.split(/(?=[A-Z])/); return arr.join("_").toLowerCase(); } str = "thisIsATrickyOne" alert(strsplit(str)); // 返回this_is_a_tricky_one ``` ## **去掉字符串首尾空格** ``` //去左空格; function ltrim(s){ return s.replace(/(^\s*)/g, ""); } //去右空格; function rtrim(s){ return s.replace(/(\s*$)/g, ""); } //去左右空格; function trim(s){ return s.replace(/(^\s*)|(\s*$)/g, ""); } $.trim(str);//jquey去左右空格; ``` HTML反轉義 ``` //HTML反轉義 function HTMLDecode(text) { var temp = document.createElement("div"); temp.innerHTML = text; var output = temp.innerText || temp.textContent; temp = null; return output; } ```