`

1.0.5 js对象(对象,数组,数字,字符串,日期,逻辑,正则表达式)

js对象 
阅读更多
<!DOCTYPE html>
<html encoding="gbk">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"></meta>
<script>
//Number对象的用法
function numberMethod(){
//alert('最大值:'+Number.MAX_VALUE + ' ; 最小值:'+Number.MIN_VALUE);
var x=123.0567989;
//alert(x.toString() + '---'+x.toLocaleString());
//toFixed()  对数字进行四舍五入
//alert(x.toFixed(5));
var x2=new Number(238903.4567890123678901234567890);
//toPrecision() 将数字转换为指数计数法
//alert(x2.toPrecision(2) + '--'+x2.valueOf());
//isNaN()  判断字符是否不是数字
//alert(isNaN('测试'));
var z1=123e-5;
var z2=0.2 + 0.1;
alert(z1.valueOf() + '--'+z2);
}

//String对象的用法
function stringMethod(){
var divObj=document.getElementById("div1");
var s1="说好的幸福呢";
var s2="Hello World";
//转换大小写
//alert(s2.toUpperCase() + '--'+s2.toLowerCase());
//设置字符串的样式
/*
divObj.innerHTML=s1.big() + '--'+s1.small() + '--'+s1.bold() + '--'+s1.italics() +
'--'+s1.link('www.baidu.com') + '--'+s1.sub() + '--'+ s1.sup();
*/
//divObj.innerHTML=s1.blink() + '--'+s1.fixed() +'--'+s1.strike();
//alert(s1.indexOf("幸福"));   //查找字符串的位置
//alert(s1.match("幸2"));  //没找到返回null.
//replace()替换方法   ， search() 方法匹配正则表达式
alert(s1.replace("幸福","悲催") + '----'+ s1.search(/幸福/));

}

//Date对象的用法
function dateMethod(){
var date=new Date();
var day=date.getDate(); //返回一个月中的某一天
var weekDay=date.getDay();  //返回一周中的某一天
var month=date.getMonth();  //返回当前的月份
var fullYear=date.getFullYear(); // 返回四位数年份
var hours=date.getHours();
var minutes=date.getMinutes();
var second=date.getSeconds();
var millisecond=date.getMilliseconds();
alert('当前时间:' + fullYear + '-' + month + '-' + day +' '+ hours+ ':' + minutes+':'+second+ ' '+millisecond);
//'当前时间:' + fullYear + '-' + month+'-'+ day +' '+ hours+ ':' + minutes+':'+second+ ' '+millisecond
//alert(date.toLocaleString());   //转换为本地时间

//显示星期
var weeks=new Array(7);
weeks[0]="星期日";
weeks[1]="星期一";
weeks[2]="星期二";
weeks[3]="星期三";
weeks[4]="星期四";
weeks[5]="星期五";
weeks[6]="星期六";
//alert('今天是:'+weeks[weekDay]);




}

//显示一个时钟
function startTime(){
//document.getElementById("div1").innerHTML=fullYear + '-' + month + '-' + day +' '+ hours+ ':' + minutes+':'+second=setTimeout('startTime',500);
var date=new Date();
var day=date.getDate(); //返回一个月中的某一天
var weekDay=date.getDay();  //返回一周中的某一天
var month=date.getMonth();  //返回当前的月份
var fullYear=date.getFullYear(); // 返回四位数年份
var hours=date.getHours();
var minutes=date.getMinutes();
var second=date.getSeconds();
var millisecond=date.getMilliseconds();
document.getElementById("div1").innerHTML='当前时间:' + fullYear + '-' + month + '-' + day +' '+ hours+ ':' + minutes+':'+second+ ' '+millisecond=setTimeout('startTime()',500);
}


//打印数组
function printArray(){
var array=new Array();
array[0]='zhang';
array[1]='xiao';
array[3]='wan';

var name='';
for(x in array){
name=name+' '+array[x];
}
//document.getElementById('div1').innerHTML=name;

//数组排序（字符类）
//alert(array.sort()); 

//数组排序 （数字类）
var arr2=new Array(3);
arr2[0] = "10";
arr2[1] = "5";
arr2[2] = "40";

//alert(arr2.sort(sortNumber));

//数组合并
//alert(arr2.concat(array));

//将数组组合为字符串
alert(array.join("."));

}

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


//js逻辑
//注释：如果逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN，那么对象的值为 false。否则，其值为 true（即使当自变量为字符串 "false" 时）！
function logic(){
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");

var str2="0的逻辑是："+b1 +"<br />" +
"1的逻辑是："+b2 +"<br />" +
"空字符串的逻辑是："+b3 +"<br />" +
"null的逻辑是："+b4 +"<br />" +
"NaN的逻辑是："+b5 +"<br />" +
"字符串false的逻辑是："+b1 +"<br />" ;
//document.getElementById('div1').innerHTML=str2;

//valueOf() 方法：返回Boolean对象的原始值
var boo=new Boolean(NaN);
//alert(boo + '  原始值为:' + boo.valueOf());

//toString() 方法： 将逻辑值转换为字符串
//alert(boo.toString());

//toSource() 方法： 返回对象源代码(IE中无效)

//prototype属性： 有能力向对象添加属性和方法
var bill=new employee('Bill','Enginerr');
employee.prototype.salary=null;
bill.salary=2000;
alert(bill.salary);

}

function employee(name, job){
this.name=name;
this.job=job;
}

//js 算数
function mathMethod(){
var s1='π的值是:'+Math.PI + '\n';
var s2='0.49四舍五入后值是:' + Math.round(0.49);

alert(s1 + s2);

}


//js 正则表达式
//test()方法：匹配成功则返回true,否则返回false
//exec()方法：返回找到的值，否则返回null

function regexp(){
var patt1=new RegExp("e");
//alert(patt1.test("The best things in life"));
//alert(patt1.exec("The best things in life"));

var str="Give 100%!";
var patt2=/\d/g;   //全局查找数字
alert(str.match(patt2));



}


</script>
</head>

<body onload="startTime()">
<div id="div1"></div>
<button onclick="numberMethod()">Number对象</button>
<button onclick="stringMethod()">String对象</button>
<button onclick="dateMethod()">Date对象</button>
<button onclick="startTime()">显示时钟</button>
<button onclick="printArray()">数组</button>
<button onclick="logic()">逻辑</button>
<button onclick="mathMethod()">算数</button>
<button onclick="regexp()">正则表达式</button>
</body>
</html>





                                    @yinhuidasha.longyilu.tianhequ.guangzhoushi.guangdongsheng
分享到：
| 1.0.4 js中的对象创建
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics