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

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

2017-12-04 20:15 841 查看


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));
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐