JavaScript学习——JavaScript 对象 数据类型总结02
Posted mtime2004
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 中可以使用反斜线（）插入特殊符号，如：撇号,引号等其他特殊符号。
下表列出其他特殊字符，可以使用反斜线转义特殊字符：
| 代码 | 输出 |
|---|---|
| ‘ | 单引号 |
| " | 双引号 |
| \\ | 斜杆 |
| 换行 | |
| 回车 | |
| tab | |
| 空格 | |
| 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的主要内容，如果未能解决你的问题，请参考以下文章
如何高效学习JavaScript？ JavaScript学习方法！