<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript对象练习</title>
<script>
/*注意点1:用New Object()还有错误提示,不用的话,还能用。*/
var p1 = Object();
p1.objOneName = "Hello";
p1.objTwoName = "World";
p1.objAge = 30;
document.write("P1名字:" + p1.objOneName + " " + p1.objTwoName + "年龄:" + p1.objAge + "<hr>");
/*注意点2:利用构造函数创建的话,如果声明对象不加New修饰,那么必须有返回值。~*/
function creatOneObj(objfirstName,objlastName,age) {
this.objfirstName = objfirstName;
this.objlastName = objlastName;
this.objAge = age;
return this;
}
var p2 = creatOneObj("Hello","World",28);
document.write("P2名字:" + p2.objfirstName + " " + p2.objlastName + "年龄:" + p2.objAge + "<hr>");
var p3 = {
objFirstName : "Hello",
objLastName : "World",
objAage:35
};
document.write("P3名字:" + p3.objFirstName + " " + p3.objLastName + "年龄:" + p3.objAage + "<hr>");
/*注意点3:p1,p2,p3三中方式都可以实现定义一个对象~!*/
var x;
var outStr = "";
for (x in p3){
outStr += x + ":" + p3[x] + ";";
}
document.write(outStr + "<hr>");
/*这个Tostring的功能也太强大了。~*/
var y = 127;
document.write("127的二进制:" + y.toString(2) + ";127的十六进制:" + y.toString(16) + "<hr>");
/*注意点4:typeof Z的结果也是Number类型,和Y一样。如果加New的话,将是object。但加了后,提示错误。*/
var z = Number(5);
document.write("typeof y:" + typeof y + ";typeof z:" + typeof z+ "<hr>");
document.write("Number.MAX_VALUE:" + Number.MAX_VALUE + ";Number.MIN_VALUE:" + Number.MIN_VALUE + "<hr>");
document.write("Hello.length = " + "Hello".length + ";Hello[0] =" + "Hello"[0] + "<hr>")
document.write("19701年1月1日到现在的毫秒数:" + new Date().getTime() + "<hr>");
/*注意点4:直接写成new Date().setFullYear有错误,虽然能得到毫秒,但不能ToString*/
var d = new Date();
d.setFullYear(2020,10,20);
document.write("setFullYear(2020,10,20):" + d.toString() + "<hr>");
</script>
</head>
<body>
<p><small>当前时间:</small><span id = "sCurrTime"></span></p>
<hr>
<p><small>数组对象常用</small></p>
<div id="arrInfo"></div>
<script>
function getCurTime() {
curdate = new Date();
var h = curdate.getHours();
var m = curdate.getMinutes();
var s = curdate.getSeconds();
m = addZero(m);
s = addZero(s);
document.getElementById("sCurrTime").innerHTML = h + ":" + m + ":" + s;
setTimeout(function () {
getCurTime();
}, 500);
}
function addZero(vNumber) {
if (vNumber<10){
return "0" + vNumber;
}
return vNumber;
}
getCurTime();
var arrAuto = [];
var arrInt = [1,2,3,4,5];
var arrStr = ["a","b","d","c"];
var outStr = "合并arrInt与arrStr:" + arrInt.concat(arrStr).join() + "<br>"
+ "作为字符串输出方法:join();(感觉和tostring()一样啊~!);"+ "<br>"
+ "删除最后一个元素:pop();添加新的元素:push('Kiwi');"+ "<br>"
+ "反转排序:reverse();删除第一个元素:shift();"+ "<br>"
+ "截取下标1到2的元素:slice(1,3)(感觉这个是左闭右开区间);"+ "<br>"
+"升序排列:sort()/sort(function(a,b){return a-b});";
document.getElementById("arrInfo").innerHTML = outStr + "<hr>";
</script>
</body>
</html>
[php学习十四]javaScript的基本练习4-对象
最新推荐文章于 2023-12-27 10:47:46 发布