JavaScript 超詳細的字符串處理方法

時間 2019-11-17

標籤 javascript 詳細字符串處理方法欄目 JavaScript 简体版

原文原文鏈接

僅供學習，轉載請註明出處javascript

一、字符串合併操做：「 + 」html

var iNum01 = 12;
var iNum02 = 24;
var sNum03 = '12';
var sTr = 'abc';
alert(iNum01+iNum02);  //彈出36
alert(iNum01+sNum03);  //彈出1212 數字和字符串相加等同於字符串相加
alert(sNum03+sTr);     // 彈出12abc
複製代碼

編寫一個拼接字符串的hello world示例，以下：java

二、parseInt() 將數字字符串轉化爲整數數組

var sNum01 = '12';
var sNum02 = '24';
var sNum03 = '12.32';
alert(sNum01+sNum02);  //彈出1224
alert(parseInt(sNum01)+parseInt(sNum02))  //彈出36
alert(sNum03)   //彈出數字12 將字符串小數轉化爲數字整數
複製代碼

若是須要將數字相加，那麼就須要先將字符串轉爲int類型。bash

三、parseFloat() 將數字字符串轉化爲小數學習

var sNum03 = '12.32'
alert(parseFloat(sNum03));  //彈出 12.32 將字符串小數轉化爲數字小數
複製代碼

四、split() 把一個字符串分隔成字符串組成的數組ui

var sTr = '2017-4-22';
var aRr = sTr.split("-");
var aRr2= sTr.split("");

alert(aRr);  //彈出['2017','4','2']
alert(aRr2);  //彈出['2','0','1','7','-','4','-','2','2']
複製代碼

五、charAt() 獲取字符串中的某一個字符spa

var sId = "#div1";
var sTr = sId.charAt(0);
alert(sTr); //彈出 #
複製代碼

六、indexOf() 查找字符串是否含有某字符3d

var sTr = "abcdefgh";
var iNum = sTr.indexOf("c");
alert(iNum); //彈出2
複製代碼

只會顯示字符第一次出現的下標，從0開始算起。code

七、substring() 截取字符串用法： substring(start,end)（不包括end）

var sTr = "abcdefghijkl";
var sTr2 = sTr.substring(3,5);
var sTr3 = sTr.substring(1);

alert(sTr2); //彈出 de
alert(sTr3); //彈出 bcdefghijkl
複製代碼

八、toUpperCase() 字符串轉大寫

var sTr = "abcdef";
var sTr2 = sTr.toUpperCase();
alert(sTr2); //彈出ABCDEF
複製代碼

九、toLowerCase() 字符串轉小寫

var sTr = "ABCDEF";
var sTr2 = sTr.toLowerCase();
alert(sTr2); //彈出abcdef
複製代碼

字符串反轉

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript">

		window.onload = function(){
			var sTr = "hello-world-fat-boss";

			// 1.首先將字符串全部字符拆爲數組
			// 2.利用數組的反轉方法進行反轉
			// 3.使用數組的join方法拼接爲字符串
			var sTr2 = sTr.split('').reverse().join('');

			alert(sTr2);

		}
	</script>
</head>
<body>
</body>
</html>
複製代碼