JavaScript學習——JavaScript 對象 數據類型總結02
JavaScript 字符串（String） 對象
一個字符串用於存儲一系列字符就像 "John Doe".
一個字符串可以使用單引號或雙引號：
var carname="BMW"; var carname=‘BMW‘;
使用位置（索引）可以訪問字符串中任何的字符：
var character=carname[7];
字符串的索引從零開始, 所以字符串第一字符為 [0],第二個字符為 [1], 等等。
可以在字符串中使用引號
var sname="王老五"; var sname="王老五 ‘磚石‘"; var sname=‘王老五"磚石"‘;
可以在字符串中使用轉義字符(\)使用引號：
var sname="It\‘s王老五";
字符串（String）
字符串（String）使用長度屬性length來計算字符串的長度：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mtimeyu</title>
</head>
<body>
<script>
var txt = "Hello World!";
document.write("<p>" + txt.length + "</p>");
var txt="ABCDEFGHIJKLMNOPQRSTUVWXYZ";
document.write("<p>" + txt.length + "</p>");
</script>
</body>
</html>
在字符串中查找字符串
字符串使用 indexOf() 來定位字符串中某一個指定的字符首次出現的位置：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<p id="p1">溫故而知新，可以為師矣。學而不思則罔,思而不學則殆。三人行，必有我師焉。擇其善者而從之，其不善者而改之。</p>
<p id="p2">0</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction(){
var str=document.getElementById("p1").innerHTML;
var n=str.indexOf("三人行");
document.getElementById("p2").innerHTML=n+1;
}
</script>
</body>
</html>
如果沒找到對應的字符函數返回-1
lastIndexOf() 方法在字符串末尾開始查找字符串出現的位置。
內容匹配
match()函數用來查找字符串中特定的字符，並且如果找到的話，則返回這個字符。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mtimeyu</title>
</head>
<body>
<script>
var str="Hello world!";
document.write(str.match("world") + "<br>");
document.write(str.match("World") + "<br>");
document.write(str.match("world!"));
</script>
</body>
</html>
替換內容
replace() 方法在字符串中用某些字符替換另一些字符。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mtimeyu</title>
</head>
<body>
<p>替換 "子曰" 為 "曾子曰" :</p>
<button onclick="myFunction()">點我</button>
<p id="demo">請訪問 子曰</p>
<script>
function myFunction() {
var str = document.getElementById("demo").innerHTML;
var txt = str.replace("子曰","曾子曰");
document.getElementById("demo").innerHTML = txt;
}
</script>
</body>
</html>
字符串大小寫轉換
字符串大小寫轉換使用函數 toUpperCase() / toLowerCase():
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mtimeyu</title>
</head>
<body>
<script>
var txt="Hello World!";
document.write("<p>" + txt.toUpperCase() + "</p>");
document.write("<p>" + txt.toLowerCase() + "</p>");
document.write("<p>" + txt + "</p>");
</script>
<p>該方法返回一個新的字符串，源字符串沒有被改變。</p>
</body>
</html>
字符串轉為數組
字符串使用split()函數轉為數組:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mtimeyu</title>
</head>
<body>
<p id="demo">單擊按鈕顯示數組。</p>
<button onclick="myFunction()">點我</button>
<script>
function myFunction(){
var str="a,b,c,d,e,f";
var n=str.split(",");
document.getElementById("demo").innerHTML=n[0];
}
</script>
</body>
</html>
特殊字符
Javascript 中可以使用反斜線（\）插入特殊符號，如：撇號,引號等其他特殊符號。
下表列出其他特殊字符，可以使用反斜線轉義特殊字符：
| 代碼 | 輸出 |
|---|---|
| \‘ | 單引號 |
| \" | 雙引號 |
| \\ | 斜桿 |
| \n | 換行 |
| \r | 回車 |
| \t | tab |
| \b | 空格 |
| \f | 換頁 |
字符串屬性和方法
屬性:
- length
- prototype
- constructor
方法:
- charAt()
- charCodeAt()
- concat()
- fromCharCode()
- indexOf()
- lastIndexOf()
- match()
- replace()
- search()
- slice()
- split()
- substr()
- substring()
- toLowerCase()
- toUpperCase()
- valueOf()
Date（日期） 對象
日期對象用於處理日期和時間。
創建日期
Date 對象用於處理日期和時間。
可以通過 new 關鍵詞來定義 Date 對象。以下代碼定義了名為 myDate 的 Date 對象：
有四種方式初始化日期:
new Date() // 當前日期和時間
new Date(milliseconds) //返回從 1970 年 1 月 1 日至今的毫秒數
new Date(dateString)
new Date(year, month, day, hours, minutes, seconds, milliseconds)
實例化一個日期的一些例子：
var today = new Date()
var
d1 = new Date("October 13, 1975 11:13:00")
var
d2 = new Date(79,5,24)
var
d3 = new Date(79,5,24,11,33,0)
設置日期
通過使用針對日期對象的方法，我們可以很容易地對日期進行操作。
在下面的例子中，我們為日期對象設置了一個特定的日期 (2004 年 10 月 14 日)：
var myDate=new Date(); myDate.setFullYear(2004,9,14);
兩個日期比較
日期對象也可用於比較兩個日期。
將當前日期與 2190 年 1 月 14 日做了比較：
var x=new Date();
x.setFullYear(2190,0,14);
var today = new Date();
if (x>today)
{
alert("今天是2100年1月14日之前");
}
else
{
alert("今天是2100年1月14日之後");
}
JavaScript學習——JavaScript 對象 數據類型總結02