JavaScript学习——JavaScript 对象数据类型总结02-优快云博客

本文深入探讨JavaScript字符串和日期对象的基本用法及高级特性，包括字符串操作、日期创建、日期比较等，提供了丰富的示例代码。

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日之后");
}

转载于:https://www.cnblogs.com/mtime2004/p/9748906.html