一起来进行javascript全面系统再学习(正在学习，不断更新中。。。)，（2）JavaScript 对象 .

最新推荐文章于 2024-09-16 08:47:17 发布

野蛮d大西瓜

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量513

点赞数

文章标签： javascript date math microsoft null 正则表达式

本文链接：https://blog.csdn.net/lehear/article/details/7091813

版权

1，javascript内置对象，注意：对象只是一种特殊的数据。对象拥有属性和方法。

JS 字符串

计算字符串长度：<script type="text/javascript">var txt="Hello World!"document.write(txt.length)</script>

输出大写字符串：<script type="text/javascript">var str="Hello world!"document.write(str.toUpperCase())</script>

字符串关于各种样式的设置：

<html>
<body>

<script type="text/javascript">

var txt="Hello World!"

document.write("<p>Big: " + txt.big() + "</p>")
document.write("<p>Small: " + txt.small() + "</p>")

document.write("<p>Bold: " + txt.bold() + "</p>")
document.write("<p>Italic: " + txt.italics() + "</p>")

document.write("<p>Blink: " + txt.blink() + " (does not work in IE)</p>")
document.write("<p>Fixed: " + txt.fixed() + "</p>")
document.write("<p>Strike: " + txt.strike() + "</p>")

document.write("<p>Fontcolor: " + txt.fontcolor("Red") + "</p>")
document.write("<p>Fontsize: " + txt.fontsize(16) + "</p>")

document.write("<p>Lowercase: " + txt.toLowerCase() + "</p>")
document.write("<p>Uppercase: " + txt.toUpperCase() + "</p>")

document.write("<p>Subscript: " + txt.sub() + "</p>")
document.write("<p>Superscript: " + txt.sup() + "</p>")

document.write("<p>Link: " + txt.link("http://www.w3school.com.cn") + "</p>")
</script>

</body>
</html>

indexOf() 方法：

<script type="text/javascript">

var str="Hello world!"
document.write(str.indexOf("Hello") + "<br />")
document.write(str.indexOf("World") + "<br />")
document.write(str.indexOf("world"))

</script>

match()方法：

<script type="text/javascript">

var str="Hello world!"
document.write(str.match("world") + "<br />")
document.write(str.match("World") + "<br />")
document.write(str.match("worlld") + "<br />")
document.write(str.match("world!"))
</script>

replace（）方法：

<body>

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/,"W3School"))

</script>
</body>

JS 日期

JavaScript Date（日期）对象：

返回当日的日期和时间：如何使用 Date() 方法获得当日的日期。代码：document.write(Date()) 结果是Wed Dec 21 16:37:27 2011

getTime()：getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。

setFullYear()：如何使用 setFullYear() 设置具体的日期。

代码：

    var d = new Date()
    d.setFullYear(1992,10,3)
    document.write(d)
    结果是：Tue Nov 3 16:41:21 UTC+0800 1992

toUTCString()：如何使用 toUTCString() 将当日的日期（根据 UTC）转换为字符串。

getDay()：如何使用 getDay() 和数组来显示星期，而不仅仅是数字。

<script type="text/javascript">

var d=new Date()
var weekday=new Array(7)
weekday[0]="星期日"
weekday[1]="星期一"
weekday[2]="星期二"
weekday[3]="星期三"
weekday[4]="星期四"
weekday[5]="星期五"
weekday[6]="星期六"

document.write("今天是" + weekday[d.getDay()])

</script>

结果是：今天是星期三

显示一个钟表：如何在网页上显示一个钟表。


   
   
    
    <html> 
<head> 
<script type="text/javascript"> 
function startTime() { 
var today = new Date() //得到当前时间对象 
var h = today.getHours() //现在的小时数 
var m = today.getMinutes() //现在的分钟数 
var s = today.getSeconds() //现在的描述 
// add a zero in front of numbers<10 --将小于10的数值钱前加上0 
m = checkTime(m) //调用下面的方法--作用:将12:3:4变成12:03:04 
s = checkTime(s) 
document.getElementById('txt').innerHTML = h + ":" + m + ":" + s //在<div id="txt"></div> 上显示时间 
t = setTimeout('startTime()', 500) //js的一个计时器..setTimeOut()两个参数1：要执行的方法..2：间隔的时间(毫秒为单位)1000ms=1s 
} 

function checkTime(i) { //将小于10的数值前面加上0 
if (i < 10) { 
i = "0" + i 
} 
return i 
} 
</script> 
</head> 

<body οnlοad="startTime()"> <!--该文件加载时执行startTime()方法--> 
<div id="txt"></div> <!--显示时间的位置--> 
</body> 
</html>

日期间的比较：

日期对象也可用于比较两个日期。

下面的代码将当前日期与 2008 年 8 月 9 日做了比较：

var myDate=new Date();
myDate.setFullYear(2008,7,9);

var today = new Date();

if (myDate>today)
{
alert("Today is before 9th August 2008");
}
else
{
alert("Today is after 9th August 2008");
}

JS 数组

数组对象的作用是：使用单独的变量名来存储一系列的值

（1）创建

<html><body><script type="text/javascript">
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script></body></html>

（2）for ---in 用法

<html>
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"

for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>

（3）合并数组，concat方法。

<html><body><script type="text/javascript">

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"

var arr2 = new Array(3)
arr2[0] = "James"
arr2[1] = "Adrew"
arr2[2] = "Martin"
alert(arr)
document.write(arr.concat(arr2)+'。')

</script></body></html>

（4）连接数组。所有元素组成一个字符串。

<html><body>
<script type="text/javascript">
var arr = new Array(3);
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
document.write(arr.join());
document.write("<br />");
document.write(arr.join("."));
</script></body></html>

结果是：

George,John,Thomas
George.John.Thomas

（5）排序。

以下方法从字面上对数组进行排序。

<html><body><script type="text/javascript">

var arr = new Array(6)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas"
arr[3] = "James"
arr[4] = "Adrew"
arr[5] = "Martin"

document.write(arr + "<br />")
document.write(arr.sort())

</script></body></html>

以下sort() 方法从数值上对数组进行排序。

<html>
<body>

<script type="text/javascript">

function sortNumber(a, b)
{
return a - b
}

var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"

document.write(arr + "<br />")
document.write(arr.sort(sortNumber))

</script>

</body>
</html>

结果是：

10,5,40,25,1000,1
1,5,10,25,40,1000
如果想要从大到小排列的话，应该采用return b-a

方法	描述	FF	IE
concat()	连接两个或更多的数组，并返回结果。	1	4
join()	把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。	1	4
pop()	删除并返回数组的最后一个元素	1	5.5
push()	向数组的末尾添加一个或更多元素，并返回新的长度。	1	5.5
reverse()	颠倒数组中元素的顺序。	1	4
shift()	删除并返回数组的第一个元素	1	5.5
slice()	从某个已有的数组返回选定的元素	1	4
sort()	对数组的元素进行排序	1	4
splice()	删除元素，并向数组添加新元素。	1	5.5
toSource()	返回该对象的源代码。	1	-
toString()	把数组转换为字符串，并返回结果。	1	4
toLocaleString()	把数组转换为本地数组，并返回结果。	1	4
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。	1	6
valueOf()	返回数组对象的原始值	1	4

JS 逻辑

Boolean（逻辑）对象用于将非逻辑值转换为逻辑值（true 或者 false）。

<html><body><script type="text/javascript">
var b1=new Boolean( 0)
var b2=new Boolean(1)
var b3=new Boolean("")
var b4=new Boolean(null)
var b5=new Boolean(NaN)
var b6=new Boolean("false")

document.write("0 是逻辑的 "+ b1 +"<br />")
document.write("1 是逻辑的 "+ b2 +"<br />")
document.write("空字符串是逻辑的 "+ b3 + "<br />")
document.write("null 是逻辑的 "+ b4+ "<br />")
document.write("NaN 是逻辑的 "+ b5 +"<br />")
document.write("字符串 'false' 是逻辑的 "+ b6 +"<br />")
</script></body></html>

结果是：

0 是逻辑的 false
1 是逻辑的 true
空字符串是逻辑的 false
null 是逻辑的 false
NaN 是逻辑的 false
字符串 'false' 是逻辑的 true
注意：如果省略 value 参数，或者设置为 0、-0、null、""、false、undefined 或 NaN，则该对象设置为 false。否则设置为 true（即使 value 参数是字符串 "false"）。

JS 算数

<script type="text/javascript">

document.write(Math.random())
document.write(Math.max(5,7) + "<br />")
document.write(Math.min(5,7) + "<br />")

</script>

<html><body><script type="text/javascript">
document.write(Math.round(0.60) + "<br />")
document.write(Math.round(0.50) + "<br />")
document.write(Math.round(0.49) + "<br />")
document.write(Math.round(-4.40) + "<br />")
document.write(Math.round(-4.60))
</script></body></html>

math对象：Math 对象并不像 Date 和 String 那样是对象的类，因此没有构造函数 Math()，像 Math.sin() 这样的函数只是函数，不是某个对象的方法。您无需创建它，通过把 Math 作为对象使用就可以调用其所有属性和方法。

JS RegExp

RegExp 是正则表达式的缩写。当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。

RegExp 对象有 3 个方法：test()、exec() 以及 compile()。

1,test()方法：返回true或者false

<body><script type="text/javascript">
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
</script></body>

2,exec()方法：检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配，则返回 null。<html><body><script type="text/javascript">
var patt1=new RegExp("e");

document.write(patt1.exec("The best things in life are free"));
</script></body></html>
 
加入参数：
<html><body>
<script type="text/javascript">
var patt1=new RegExp("e","g");
do
{
result=patt1.exec("The best things in life are free");
document.write(result);
}
while (result!=null)
</script></body></html>
结果：由于这个字符串中 6 个 "e" 字母，代码的输出将是：
eeeeeenull


 
3,compile()方法：
compile() 方法用于改变 RegExp。
compile() 既可以改变检索模式，也可以添加或删除第二个参数。
<html><body>
<script type="text/javascript">
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
patt1.compile("d");
document.write(patt1.test("The best things in life are free"));
</script></body></html>
结果是：truefalse
参考手册：http://www.w3school.com.cn/js/jsref_obj_regexp.asp