码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript学习——JavaScript 对象 数据类型总结02

时间:2018-10-06 23:07:04      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:技术分享   demo   cas   javascrip   双引号   访问   asc   eof   click   

 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

标签:技术分享   demo   cas   javascrip   双引号   访问   asc   eof   click   

原文地址:https://www.cnblogs.com/mtime2004/p/9748906.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!