JavaScript常用对象(String.Array.Date.Math)

来源:互联网 发布:淘宝直通车推广费钱吗 编辑:程序博客网 时间:2024/05/22 08:07

这里写图片描述

1. js的String对象

** 创建String对象
* var str = “abc”;
** 方法和属性(文档)
* 属性 **length:字符串的长度

方法 str.方法()

(1)与html相关的方法
- bold():加粗
document.write(str.bold());
- fontcolor(): 设置字符串的颜色
document.write(str.fontcolor(“Red”));
- fontsize(1-7): 设置字体的大小 1-7
document.write(str.fontsize(7));
- link(): 将字符串显示成超链接
** str4.link(“hello.html”)
- sub() sup(): 下标和上标

(2)与java相似的方法
- concat(): 连接字符串
** //concat方法
var str1 = “abc”;
var str2 = “dfg”;
document.write(str1.concat(str2));
- charAt():返回指定指定位置的字符串
** var str3 = “abcdefg”;
document.write(str3.charAt(20)); //字符位置不存在,返回空字符串
- indexOf(): 返回字符串位置
** var str4 = “poiuyt”;
document.write(str4.indexOf(“w”)); //字符不存在,返回-1
- split():切分字符串,成数组
** var str5 = “a-b-c-d”;
var arr1 = str5.split(“-“);
document.write(“length: “+arr1.length);
- replace() : 替换字符串
* 传递两个参数:
– 第一个参数是原始字符
– 要替换成的字符
* var str6 = “abcd”;
document.write(str6);
document.write(“
”);
document.write(str6.replace(“a”,”Q”));
- substr()substring()
* var str7 = “abcdefghuiop”;
//document.write(str7.substr(5,5)); //fghui 从第五位开始,向后截取五个字符
* 从第几位开始,向后截取几位

document.write(“
”);
document.write(str7.substring(3,5)); //de 从第几位开始到第几位结束 [3,5)
* 从第几位开始,到第几位结束,但是不包含最后哪一位**


2. js的Array对象

** 创建数组(三种)
- var arr1 = [1,2,3];
- var arr2 = new Array(3); //长度是3
- var arr3 = new Array(1,2,3); //数组中的元素是1 2 3
- var arr = []; //创建一个空数组
** 属性:length:查看数组的长度//属性,不是方法,所以不要括号

** 方法
- concat方法: 数组的连接
* var arr11 = [1,2,3];
var arr12 = [4,5,6];
document.write(arr11.concat(arr12));

-join():根据指定的字符分割数组
* var arr13 = new Array(3);
arr13[0] = “a”;
arr13[1] = “b”;
arr13[2] = “c”;
document.write(arr13);
document.write(“
”);
document.write(arr13.join(“-“));
结果a-b-c

**-push():向数组末尾添加元素,返回数组的新的长度
如果添加的是一个数组,这个时候把数组当做一个整体字符串添加进去

*//push方法
var arr14 = new Array(3);
arr14[0] = “tom”;
arr14[1] = “lucy”;
arr14[2] = “jack”;
document.write(“old array: “+arr14);
document.write(“
”);
document.write(“old length:”+arr14.length);
document.write(“
”);
document.write(“new length: “+arr14.push(“zhangsan”));
document.write(“
”);
document.write(“new array: “+arr14);

**如果添加的是一个数组,这个时候把数组当做一个整体字符串添加进去

注:push数组的话会把整个数组添加到最后,但是长度只增加一
这里写图片描述

*var arr15 = [“aaa”,”bbb”,”ccc”];
var arr16 = [“www”,”qqq”];
document.write(“old array:”+arr15);
document.write(“<br/>”);
document.write(“old length:”+arr15.length);
document.write(“<br/>”);
document.write(“new length:”+arr15.push(arr16));
document.write(“<br/>”);
document.write(“new array: “+arr15);
for(var i=0;i<arr15.length;i++) {
alert(arr15[i]);
}

-pop():表示 删除最后一个元素,返回删除的那个元素
* var arr17 = [“zhangsan”,”lisi”,”wangwu”,”zhaoliu”];
document.write(“old array: “+arr17);
document.write(“<br/>”);
document.write(“return: “+arr17.pop());
document.write(“<br/>”);
document.write(“new array: “+arr17);

-reverse():颠倒数组中的元素的顺序
*var arr17 = [“zhangsan”,”lisi”,”wangwu”,”zhaoliu”];
document.write(“old array: “+arr17);
document.write(“<br/>”);
document.write(“return: “+arr17.pop());
document.write(“<br/>”);
document.write(“new array: “+arr17);
//reverse方法
document.write(“<hr/>”);
var arr18 = [“zhangsan1”,”lisi1”,”zhaoliu1”,”niuqi1”];
document.write(“old array: “+arr18);
document.write(“<br/>”);
document.write(“new array:”+arr18.reverse());


3. js的Date对象

** 在java里面获取当前时间
Date date = new Date();
//格式化
//toLocaleString() //2015年4月17日 11:17:12
** js里面获取当前时间
var date = new Date();
//获取当前时间
var date = new Date();
document.write(date); // Fri Apr 17 10:47:46 UTC+0800 2015

//转换成习惯的格式
document.write(“<hr/>”);
document.write(date.toLocaleString());
** 获取当前的年方法
getFullYear():得到当前的年
** document.write(“year: “+date.getFullYear());
** 获取当前的月方法
getMonth():获取当前的月
* 返回的是 0-11月,如果想要得到准确的值,加1
** var date1 = date.getMonth()+1;
document.write(“month: “+date1);
** 获取当前的星期
getDay():星期,返回的是 (0 ~ 6)
** 外国朋友,把星期日作为一周的第一天,星期日返回的是 0
而星期一到星期六 返回的是 1-6
** document.write(“week: “+date.getDay());
** 获取当前的日
getDate():得到当前的天 1-31
** document.write(“day: “+date.getDate());
** 获取当前的小时
getHours():获取小时
** document.write(“hour: “+date.getHours());
** 获取当前的分钟
getMinutes():分钟
** document.write(“minute: “+date.getMinutes());
** 获取当前的秒
getSeconds(): 秒
** document.write(“second: “+date.getSeconds());
** 获取毫秒数
getTime()
返回的是1970 1 1 至今的毫秒数

** 应用场景:
* 使用毫秒数处理缓存的效果(不有缓存)
http://www.baidu.com?毫秒数


4. js的Math对象

*数学的运算
** 里面的都是静态方法,使用可以直接使用 Math.方法()
不能new 类名.方法();
** ceil(x): 向上舍人
** floor(x):向下舍人
** round(x):四舍五入
** random():得到随机数(伪随机数)
- 得到0-9的随机数
Math.random()*10
Math.floor(Math.random()*10));

阅读全文
0 0
原创粉丝点击