JS内置对象
1,String对象
字符串对象,提供了对字符串进行操作的属性和方法
2,Array对象
数组对象,提供了数组操作方面的属性和方法
3,Date对象
日期时间对象,可以获取系统的日期时间信息;
4,Boolean对象
布尔对象,一个布尔变量就是一个布尔对象;(没有可用的属性和方法)
5,Number对象
数值对象,一个数值变量就是一个数值对象;
6,Math对象
数学对象,提供了数学运算方面的属性和方法,
1,String对象的属性和方法
1,length:获取字符串的长度,例:var len=strObj.length;
2,toLowCase():将字符串中的字母转成全小写,例:strObj.toLowerCase()
3,toUpperCase():将字符串中的字母转成全大写,例:strObj.toUpperCase()
4,charAt(index):返回指定下标位置的一个字符,如果没有找到则返回一个空字符串。
语法:strObj.charAt(index)
参数:index 下标;
5,indexOf():返回一个子字符串在原始字符串中的索引值(从左往右查找的第一个符合条件的索引);如果没有找到,则返回-1;
语法:strObj.indexOf(substr)
参数:substr代表要查找的一个子字符串;
6,lastIndexOf():在原始字符串,从右往左查找某个子字符串,如果没有找到,则返回-1;
7,substr():在原始字符串,返回一个子字符串
格式:strObj.substr(startIndex [,length]);
说明:从下标startIndex起,返回length个字符;
参数:startIndex表示输出的起始索引号,length(可选项):返回几个字符;不选的话则输出从起始索引以后的所有字符;
8,substring():在原始字符串中返回一个子字符串
语法:strObj.substring(startIndex [,endIndex])
说明:返回从startIndex开始索引值到endIndex结束索引之间的所有字符;
参数:startIndex :代表开始索引值(此索引对应的字符会输出);
endIndex :可选项,代表结束索引值(此索引对应的字符不被输出),如果省略,一般返回直到末尾的所有的字符
提示:如果省略第二个参数,则substr()和substring()输出结果是相同的。
9,split(用以分割的符号):将一个字符串切割成若干段;返回一个数组,分割符号不会进入数组;
语法:var arr =strObj.split(",");
例:输出今天为星期几
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JSString输出今天的星期</title><script type="text/javascript">var str = "星期日,星期一,星期二,星期三,星期四,星期五,星期六";var date = new Date();//获取系统日期对象var week = date.getDay();//获得日期,数值型,0-星期天,1-星期一,2-星期二...var arr = str.split(",");//切割字符串得到一个数组document.write("今天的日期是:" + arr[week]);//输出今天的日期/* 字符之间是以空字符('')隔开的 */var str = "斗罗大陆第103集";var arr = str.split("");document.write("<br/>" + arr);</script></head><body></body></html>
显示效果如下:
2,(Array)数组对象的属性和方法
1,length属性:动态获取数组长度,如:var len =arrObj.length;
2,join():将一个数组连接成一个字符串,返回一个字符串;该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的。
语法:arrObj.join(连接号)
说明:将一个数组,用指定的“连接号”连接成一个字符串,连接号将进入字符串。
注意:strObj.split(“分割号”)和arrObj.join(“连接号”)的效果刚好相反;
3,reverse():将数组元素顺序颠倒反转;
语法:arrObj.reverse();
说明:此方法是对arrObj直接操作,输出结果仍赋给原来的arrObj,跟i++类似,i+1后直接赋给i。
例:用户输入一个字符串后,把其反转顺序并首字母大写,其它字母小写,最后alert弹窗显示出来;
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS对Array对象的一些操作</title><script type="text/javascript">var str = prompt("请输入任意字符", "");//用户输入字符串var arr = str.split("");//分割字符arr.reverse();//数组中数组元素颠倒for (var i = 0; i < arr.length; i++) {//对数组中的元素循环if (i == 0) {//首字母大写arr[0] = arr[0].toUpperCase();} else {//其它字母小写arr[i] = arr[i].toLowerCase();}}var strOut = arr.join("");//把数组用""连接为字符串,(连接号默认为",")alert("你输入的字符串反转并小写(首字母大写)后:" + strOut);//输出最终操作完成的结果</script></head><body></body></html>
显示效果如下:
数组元素的删除和添加的一些方法
注意:以前的delete运算符,只能删除数组元素的值,值为undefined,从而所占空间还在,总长度没变(arrObj.length),数组元素的添加也不能动态的向前添加,只能往后添加;
4,shift():删除数组中第一个元素,返回删除的那个值,并将长度减1;
5,pop():删除数组中最后一个元素,返回删除的那个值,并将长度减1;
6,unshift():往数组最前面再添加一个或多个数组元素,长度动态改变;
7,push():往数组结尾再添加一个或多个数组元素,长度要改变,例:arrObj.push(“a”,“b”,“c”);
3,Date对象
Date对象和String对象不太一样,定义了一个字符串,其实就已经是一个String对象了,就可以直接调用属性和方法;
Date对象的使用,必须使用new关键字先创建一个Date对象,否则无法调用Date对象的属性和方法,例:var date =new Date();
创建Date对象的方法
1,创建此时此刻的日期和时间对象实例
var today =new Date();//today就是刚创建的Date对象实例;
2,创建指定时间戳的日期对象实例,参数是时间戳。
时间戳:是指某一个时间距离1970年1月1日0时0分0秒,过去了多少毫秒值(1秒=1000毫秒)
var time =new Date(10000);//时间是1970年1月1日0时10秒
3,指定一个字符串的日期时间信息,参数是一个日期时间字符串
var timer =new Date(“/5/25 10:00:00”);
例:计算一下你活了多久(精确到秒)
4,指定多个数值参数
var timer =new Date(,4,25 [,10,20,0]);//参数依次为:年,月,日 [,时,分,秒]
Date对象的属性和方法
1,getFullYear():获取四位的年份
2,getMonth():获取月份,取值0-11;使用时记得+1;
3,getDate():获取一个月份中的几号,取值1-31;
4,getHours():获取小时数;
5,getMinutes():获取分钟数;
6,getSeconds():获取秒数;
7,getMilliseconds():获取毫秒;
8,getDay():获取星期;
9,getTime():获取毫秒值,距离1970年1月1日00:00:00 至今的毫秒值;
4,Math数学对象
Math对象是一个静态对象,换句话说:在使用Math对象,不需要创建实例;
1,Math.PI:圆周率
2,Math.abs():绝对值;如:Math.abs(-9);//结果为9
3,Math.cell():向上取整,进一去尾(整数加1,小数去掉)例:Math.cell(10.2);//结果为11
4,Math.floor():向下取整,直接去尾(整数不动,小数去掉)例:Math.floor(3.33333);//结果为3
5,Math.round():四舍五入 ,例:Math.round(4.5);//结果为5
6,Math.pow(x,y):求x的y次方,例:Math.pow(2,3);//结果为8
7,Math.sqrt():求平方根,例:Math.sqrt(121);//结果为11
8,Math.random():返回一个0-1的之间的随机小数,0<=Math.random()<1,例:Math.random();//其中一次结果为0.3457576984439894
求min-max之间的随机整数的公式:Math.floor(Math.random()*(max-min)+min)
例:网页随机背景色
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS网页随机背景色</title></head><body></body><script type="text/javascript">var min = 100000;var max = 999999;var random = Math.floor(Math.random() * (max - min) + min);document.body.bgColor = "#" + random;/* document代表网页对象body对象是document对象的子对象body对象有一个bgColor属性除了body以外(body为内定对象),其它的标记的访问,必须使用ID来访问*/</script></html>
显示效果如下:
实例:求圆的面积,求直角三角形的斜边长
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS求圆的面积,求直角三角形的斜边长</title><script type="text/javascript">var r = prompt("请输入圆的半径:", "");function getArea(r) {var s = r * r * Math.PI;return s;}document.write("您输入的半径(" + r + " 米)所画的圆的面积(单位:平方米)为:" + getArea(r));function getLenght(height, width) {var lenght = Math.sqrt(height * height + width * width)return lenght;}var height = prompt("请输入直角三角形的高:", "");var width = prompt("请输入直角三角形的宽:", "");document.write("<br/>根据您输入的高(" + height + " 米)和宽(" + width + " 米)确定的直角三角形<font color='red'>的斜边长(单位:米)为:</font>" + getLenght(height, width));</script></head><body></body></html>
显示效果如下:
@ 沉木
前端:JS/23/JS内置对象(String对象 Array对象 Date对象 Boolean对象 Number对象 Math对象) 实例:求圆的面积 求直角三角形