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; }
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- Python动态类型的学习---引用的理解
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- JavaScript拆分字符串时产生空字符的原因
- IE8开发人员工具教程(二)
- 土人系列AS入门教程 -- 对象篇
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- C#托管堆对象实例包含内容分析
- PowerShell中执行Javascript的方法示例
- javascript asp教程第六课-- response方法
- javascript asp教程More About Recordsets