继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

JavaScript学习笔记(三)

我是刘高兴
关注TA
已关注
手记 7
粉丝 38
获赞 235

慕课网JavaScript进阶篇第7章学习笔记,JavaScript内置对象:Date对象,String字符串对象,Math对象,数组对象

JavaScript进阶篇(第7章)-慕课网

JavaScript学习笔记(一)
JavaScript学习笔记(二)
JavaScript学习笔记(四)


对象

JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性方法
对象的属性:反映该对象某些特定的性质的,如:字符串的长度、图像的长宽等
对象的方法:能够在对象上执行的动作。例如,表单的“提交”(Submit),时间的“获取”(getYear)等

访问对象属性语法:

var myarray=new Array(5);//定义数组对象var 
myl=myarray.length;//访问数组长度length属性

访问对象方法语法:

var mystr="hello world!";//创建一个字符串var 
request=mystr.toUpperCase(); //使用字符串对象方法

//输出  HELLO WORLD!

Date 日期对象

定义一个时间对象:
var nowdate = new Date(); //nowdate成为日期对象,并且有初始值:当前时间(当前电脑系统时间)
如果要自定义初始值,可用以下方法:

var d = new Date(2016, 7, 15); //2016年7月15日var d = 
new Date('June 15, 2016'); //2016年7月15日

Date对象中处理时间和日期常用方法:

方法名称功能描述
:-::-
get/setDate()返回/设置日期
get/setFullYear()返回/设置年份,用四位数表示
get/setYear()返回/设置年份
get/setMonth()返回/设置月份。0:一月...11:十二月,所以加1
get/setHours()返回/设置小时,24小时制
get/setMinutes()返回/设置分钟
get/setSeconds()返回/设置秒
get/setTime()返回/设置时间(毫秒为单位)

返回/设置年份方法

get/setFullYear()返回/设置年份,用四位数表示

var mydate=new Date();//当前时间2014年3月6日
document.write(mydate+"<br>");//输出当前时间
document.write(mydate.getFullYear()+"<br>");//输出当前年份
mydate.setFullYear(81); //设置年份
document.write(mydate+"<br>"); //输出年份被设定为 0081/81年。

输出:

Thu Mar 06 2014 10:57:47 GMT+0800
2014
Thu Mar 06 0081 10:57:47 GMT+0800

结果格式依次为:星期、月、日、年、时、分、秒、时区

返回星期方法

getDay()返回星期,返回的是0-6的数字,0表示星期天。

<script type="text/javascript">
  var mydate=new Date();
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  document.write(mydate.getDay()+"<br  />");
  document.write("今天是:" +weekday[mydate.getDay()] );
</script>

通过mydate.getDay()返回代表星期X的数字

返回/设置时间方法

get/setTime(),单位毫秒,计算从1970年1月1日零时到日期对象所指的日期的毫秒数

时间推迟一小时:

var mydate = new Date();
mydate.setTime(mydate.getTime() + 60*60*1000);

String 字符串对象

访问字符串对象的属性length:

var mystr = "Hello World"; 
var myl = mystr.length;

访问字符串对象的方法:

var mystr = "hello world!"; 
var mynum = mystr.toUpperCase();

返回指定位置的字符

语法:stringObject.charAt(index)
index表示字符串中的下标,如果index不在0和string.length-1之间,将返回一个空字符串

返回指定的字符首次出现的位置

语法:string.Object.indexOf(substring, startpos)

  1. indexOf区分大小写;
  2. startpos可选参数,没有此参数将从首字符开始查找;
  3. 没有检索的字符串值,返回 -1

字符串分割split()

split()将字符串分割为字符串数组,并返回此数组
语法:stringObject.split(separator, limit)

  • separator,必选参数,从其指定地方分割字符串。如果separator为空字符串(""),字符串每个字符之间都会被分割
  • limit, 可选,分割的次数,返回的子串不会多于这个参数制定的数组
    示例:
    var mystr = "www.imooc.com";
    document.write(mystr.split(".")+"<br>");
    document.write(mystr.split(".", 2)+"<br>");

    运行结果:

    www,imooc,com
    www,imooc//子串数不超过 2 

    提取字符串substring()

    用于提取字符串中介于两个制定下标之间的字符
    语法:stringObject.substring(starPos, stopPos)
    startPos, 必需,非负整数,开始位置;
    stopPos,可选

    1. 返回的内容是从 start开始(包含start位置的字符)到 stop-1 处的所有字符,其长度为 stop 减start【含头不含尾】
    2. 如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
    3. 如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

提取指定书目的字符sbustr()

语法:stringObject.substr(startPos, length)
startPos,必须是数值;

  • 如果startPos是负数,从字符串的尾部开始算起始位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。如果startPos为负数且绝对值大于字符串长度,startPos为0。

length, 可选


Math 对象

Math对象方法:

方法描述
:-:-
abs(x)绝对值
ceil(x)上舍入
floor(x)下舍入
pow(x, y)返回 x 的 y 次幂
random()返回0~1之间的随机数
round(x)四舍五入为最接近的整数
toSource()返回该对象的源代码
valueOf()返回Math对象的原始值

Array 数组对象

数组方法:

方法描述
:-:-
contact()连接两个或更多的数组,并返回结果(不改变原来的数组)
join()array.Object.join(分隔符)把数组的所有元素放入一个字符串,元素通过指定的分隔符进行分隔
pop()删除并返回数组的最后一个元素
shift()删除并返回数组的第一个元素
push()向数组的末尾增加元素,并返回新的长度
unshift()向数组开头添加元素,并返回新长度
reverse()颠倒数组中元素的顺序(不创建新数组,会改变原来的数组)
slice()从某个已有的数组返回选定的元素
sort()对数组元素进行排序
splice()删除元素,并向数组添加新元素
toSource()返回该对象的源代码
toString()把数组转换为字符串,并返回结果
valueOf()返回数组对象的原始值

数组排序 sort()

语法: arrayObject.sort(方法函数)

var myarr = new Array("Hello","John","love","JavaScript");
document.write(myarr.sort()+"<br>");

//输出  Hello,JavaScript,John,love
//其实就是按照首字母ABCDEFG...排序的,首字母相同就看第二个。同理,数字也是

升序排列

 function sortNum(a,b) {
  return a - b;
 //升序,如降序,把“a - b”该成“b - a”
}
 document.write(myarr.sort(sortNum));
打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP

热门评论

我服了!!格式依旧出错!!

查看全部评论