您的位置:首页 > Web前端 > JavaScript

JavaScript对象复习

2015-08-30 20:58 561 查看

JavaScript对象

Array对象

function $(tg)
{
return document.writeln("<br/>"+tg);
}
var arr=[1,2,3,"数组测试"];
var arr1=[4,5,6,"测试结果"];
$("arr:"+arr);
$("concat()方法拼接两个数组:"+arr.concat(arr1));
$("join()将数组转化为字符串使用空格分隔:"+arr.join(" "));
$("pop()方法会删除最后一个数组元素,并返回其值"+arr.pop());
$("push()向数组添加新的元素,并返回添加后的长度:"
+arr.push("新元素1","新元素2",7,8,9));
$("reverse()方法颠倒数组元素的顺序,并返回新的数组: "+arr.reverse());
$("shift()删除数组的第一个元素,并返回该元素: "+arr.shift());
$("slice()方法和string的slice()方法相同选取第0~2个数组元素,
不包括2:"+arr.slice(0,2));
$("sort()方法排序,默认对字母排序,数字排序return的表达式a-b,
对于字符串排序,可以是a.localeCompare(b)或者采用默认的形
式:"+arr.sort(function(a,b){return a-b;}));
$("splice()方法添加或者删除元素:"+arr.splice(0,0,"新元素3",
"新元素4")+arr);
$("toString()方法,转化为字符串,返回值与没使用参数的
jion()方法相同:"+arr.toString());
$("valueOf()方方法返回数组对象的原始值"arr.valueOf());


测试结果:



string对象

var str="测试字符串1213321";
var str1="另一个测试字符串";
document.writeln(str);
document.writeln("<br/>big()方法放大字体:"+str.big());
document.writeln("<br/>blink()显示闪动的字符
串:"+str.blink());
document.writeln("<br/>bold()字体加粗:"+str.bold());
document.writeln("<br/>italics()字体倾斜"+str.italics())
document.writeln("<br/>charAt(0)获取第0个字符
:"+str.charAt(0));
document.writeln("<br/>cancat()拼接字符
串:"+str.concat(str1));
document.writeln("<br/>fixed()按照打印格式显示字符
串:"+str.fixed());
document.writeln("<br/>fontclolor(red)改变字符串颜色为红
色"+str.fontcolor("red"));
document.writeln("<br/>fontsize(5)改变字号为
12:"+str.fontsize(5));
document.writeln("<br/>indexOf()显示字符位置,若无
为-1"+str.indexOf("试"));
document.writeln("<br/>link()将字符串转化为超链
接:"+str.link("http://blog.csdn.net/penshu19900916"));
document.writeln("<br/>本地方法比较字符
串:"+str.localeCompare(str1));
document.writeln("<br/>str的字符长度为:"+str.length);
document.writeln("<br/>slice()获取字符串子
串"+str.slice(0,2));
document.writeln("<br/>split()将字符串按照规则转化为数
组:"+str.split(""));
document.writeln("<br/>strike()删除线"+str.strike());
document.writeln("<br/>substr(start,length)字符串字串,start
是开始位置,length是截取长度:"+str.substr(0,2));
document.writeln("<br/>substring(start,stop)字符串字串stop是
结束位置,截取的元素不包括结束位置:"+str.substr(0,2));
document.writeln("<br>toLocaleUpperCase()小写转大
写:"+"ddasdas".toUpperCase());
document.writeln("<br>toLocaleLowerCase()大写转小
写"+"KKKKLL".toLowerCase());


测试结果:



Number对象

function $(tg)
{
return document.writeln("<br/>"+tg);
}
var num=1023;
$("toString(radix)转换为一个字符串,其中radix是对应的基数,
radix=2在这里设置: "+num.toString(2));
$("toLocaleString()方法,本地化"+num.toLocaleString());
$("toFixed(num)指定小数位数,返回值是NumberObject的字符串表
示"+num.toFixed(4));
$("toPrecision(num),num表示有效数字,num=6超出指定位数时将其转换
为指数计数法:"+num.toPrecision(6));
$("toExponential(num)表示为指数表示法,num为小数位数,num=4在这里
设定"+num.toExponential(4));


测试结果:



Math对象

function $(tg)
{
return document.writeln("<br/>"+tg);
}
var num=1.1;
$("绝对值abs(-1.4):"+ Math.abs(-1.4));
$("sin(pi/2):"+Math.sin(Math.PI/2));
$("asin(0):"+Math.asin(0));
$("上舍入ceil(5.1)"+Math.ceil(5.1));
$("exp(2)返回e的2次幂"+Math.exp(2));
$("floor(5.9)下舍入"+Math.floor(5.9));
$("log(e)求对数"+Math.log(Math.E));
$("max(7,9)求较大的数"+Math.max(7,9));
$("min(7,9)求较大的数"+Math.min(7,9));
$("pow(2,3)幂函数"+Math.pow(2,3));
$("random()产生0~1的随机数,常用来代替时间戳"+Math.random());
$("round(x)四舍五入"+Math.round(5.3));
$("sqrt(x)平法根函数"+Math.sqrt(2));


测试结果:



function $(tg)
{
return document.writeln("<br/>"+tg);
}
var date=new Date();
$("Date()返回当日日期和时间:"+Date());
$("getDate()从Date()中返回今天是当月的第几天
(1~31)"+date.getDate());
$("getDay()从Date()中返回今天是星期几(0~6)"+date.getDay());
$("getMonth()从Date()中返回当月月份(0~11)"+date.getMonth());
$("getFullYear()从Date()对象中返回当年的年
份"+date.getFullYear());
$("getHours()从Date对象中返回现在的小时数(0~23):
"+date.getHours());
$("getMinutes()从Date对象中返回分钟数(0~59)
:"+date.getMinutes());
$("getSeconds()从Date对象中返回秒数"+date.getSeconds());
$("getMilliseconds()从Date对象中返回毫秒
数"+date.getMilliseconds());
$("getTime()网页中常用的时间戳:返回70年1月1日起至今的毫秒
数:"+date.getTime());
$("parse返回70年到现在的毫秒数"+Date.parse("2005/01/01"));
date.setDate(1);
$("setDate()设置当月的某一天可以是负数"+date);
$(date.setTime(date.getTime()));
$(date.toString());
$(date.toTimeString());
$(date.toDateString());
$(date.toLocaleString());
$(date.toLocaleTimeString());
$(date.toLocaleDateString());


测试结果:



Boolean对象

function $(tg)
{
return document.writeln("<br/>"+tg);
}
var bool=true;
$("原始数据类型:"+typeof bool +"数据值:  "+bool);
$("toString()方法"+bool.toString())
$("valueOf(): "+bool.valueOf());


测试结果:



简单应用

①函数toRGB:例如toRGB(“#0000FF”),返回rgb(0,0,255);

function toRGB(str)
{
var regex=/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]
{2})$/
mah=color.match(regex);
return 'rgb('+parseInt(match[1],16)+','+parseInt(match[2],
16)+','+parseInt(match[3], 16)+')';
}


②将一个数组arr中的元素随机排列

function shuffle(arr)
{
var len=arr.length;
for(var i=0;i<len;i++)
{
var ran=Math.floor(Math.random()*len);
var temp=arr[i];
arr[i]=arr[ran];
arr[ran]=temp;
}
return arr;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 对象