为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript日常修炼笔记(第五天)

标签:
JavaScript

继续朝着万元高薪进发,今天是第五天了,随着一直深入学习,也变得越来越困难,代码果然博大精深,但是想要月入上万,肯定得付出努力,想想科比的凌晨4点洛杉矶,自己怎么也得努力吧,哈哈,加油!有多少小伙伴也是和我一样一直努力着的?

什么是对象

JavaScript 中的所有事物都是对象,如:字符串、数值、数组、函数等,每个对象带有属性和方法。
说白了,它就是一个无中生有的东西,就像你生了孩子以后,你想让他穿什么衣服,头发什么染颜色多长等等等等...孩子就是那个创建的对象...穿什么样的衣服,就是你给他创建的属性...反正我是这么理解的...

Date 日期对象

图片描述

返回/设置年份方法

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

<script type="text/javascript">
    var mydate = new Date();
    document.write(mydate.getFullYear());
</script>

返回星期方法

getDay() 返回星期,返回的是0-6的数字,0 表示星期天。如果要返回相对应“星期”,通过数组完成,代码如下:

<script type="text/javascript">
  var mydate=new Date();//定义日期对象
  var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//定义数组对象,给每个数组项赋值
  var mynum=mydate.getDay();//返回值存储在变量mynum中
  document.write(mydate.getDay());//输出getDay()获取值
  document.write("今天是:"+ weekday[mynum]);//输出星期几
</script>

返回/设置时间方法

get/setTime() 返回/设置时间,单位毫秒数,计算从 1970 年 1 月 1 日零时到日期对象所指的日期的毫秒数。
注意:1. 一小时 60 分,一分 60 秒,一秒 1000 毫秒

  2. 时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
<script type="text/javascript">
 var mydate=new Date();
  document.write("当前时间:"+mydate+"<br>");
  mydate.setTime( mydate.getTime()  + 2* 60 * 60 * 1000);
  document.write("推迟二小时时间:" + mydate);
</script>

String 字符串对象大小写转换

toUpperCase();小写转换为大写
toLowerCase();大写转换为小写

  <script type="text/javascript">
    var mychar = "java ScDIO";
    var myup = mychar.toUpperCase();
    var mylow = mychar.toLowerCase();
    document.write(myup + "<br>");
    document.write(mylow);
</script>

返回指定位置的字符

charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。
注意:1.字符串中第一个字符的下标是 0。最后一个字符的下标为字符串长度减一(string.length-1)。

  <script type="text/javascript">
  var mystr="I love JavaScript!"
  document.write("返回第三个字符:" + mystr.charAt(3) + "<br>");
  document.write("返回最后一个字符:" + mystr.charAt(mystr.length-1));
</script>

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

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
语法

stringObject.indexOf(substring, startpos)

图片描述

<script type="text/javascript">
  var str="I love JavaScript!"
  document.write(str.indexOf("I") + "<br />");
  document.write(str.indexOf("v") + "<br />");
  document.write(str.indexOf("v",8));
</script>

字符串分割split()

split() 方法将字符串分割为字符串数组,并返回此数组。
语法:

stringObject.split(separator,limit)
图片描述

<script type="text/javascript">
var mystr="86-010-85468578";
document.write(mystr.split("-") + "<br />");//"以字符-分隔字符串对象mystr:"
document.write(mystr.split("") + "<br />");//将字符串对象mystr每个字符分割。
document.write(mystr.split("",3));//将字符串对象mystr分割成字符,分割3次。
</script>

提取字符串substring()

substring() 方法用于提取字符串中介于两个指定下标之间的字符。
语法:

stringObject.substring(startPos,stopPos)
图片描述

<script type="text/javascript">
var mystr="Hello World!"
document.write(mystr.substring(6)+ "<br />");
document.write(mystr.substring(0,5));
</script>

提取指定数目的字符substr()

substr() 方法从字符串中提取从 startPos位置开始的指定数目的字符串。
语法:

stringObject.substr(startPos,length)
图片描述

<script type="text/javascript">
var mystr="Hello World!";
document.write(mystr.substr(6)+ "<br />");
document.write(mystr.substr(0,5));
</script>

Math对象
Math 对象属性
图片描述

Math 对象方法
图片描述

向上取整ceil()

ceil() 方法可对一个数进行向上取整。
语法:

Math.ceil(x)

<script type="text/javascript">
    document.write(Math.ceil(3.3) + "<br/>")
    document.write(Math.ceil(8.32323) + "<br/>")
</script>

向下取整floor()

floor() 方法可对一个数进行向下取整。

语法:

Math.floor(x)

<script type="text/javascript">
document.write(Math.floor(0.8)+ "<br>")
</script>

四舍五入round()

round() 方法可把一个数字四舍五入为最接近的整数。

语法:

Math.round(x)

<script type="text/javascript">
document.write(Math.round(1.6)+ "<br>");
  document.write(Math.round(2.5)+ "<br>");
  document.write(Math.round(0.49)+ "<br>");
  document.write(Math.round(-6.4)+ "<br>");
  document.write(Math.round(-6.6));
</script>

随机数 random()

random() 方法可返回介于 0 ~ 1(大于或等于 0 但小于 1 )之间的一个随机数。
语法:

Math.random();

<script type="text/javascript">
    var ran = Math.random() * 10;
    document.write(parseInt(ran));
</script>
    <input type=button value="刷新" onclick="window.location.reload()"><br>

数组连接concat()

concat() 方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。

语法

arrayObject.concat(array1,array2,...,arrayN)

<script type="text/javascript">
    var myarr1= new Array("010")
    var myarr2= new Array("-","84697581");
   document.write(myarr1.concat(myarr2));
</script>

指定分隔符连接数组元素join()

join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

语法:

arrayObject.join(分隔符)

<script type="text/javascript">
    var myarr1= new Array("86","010")
    var myarr2= new Array("84697581");
    var con = myarr1.concat(myarr2);
    document.write(con.join("*"));
</script>

颠倒数组元素顺序reverse()

reverse() 方法用于颠倒数组中元素的顺序。

语法:

arrayObject.reverse()
<script type="text/javascript">
var myarr1= ["我","爱","你"];
document.write(myarr1.reverse());
</script>

选定元素slice()

slice() 方法可从已有的数组中返回选定的元素。

语法

arrayObject.slice(start,end)
参数说明:
图片描述

<script type="text/javascript">
  var myarr = new Array(1,2,3,4,5,6);
  document.write(myarr + "<br>");
  document.write(myarr.slice(2,4) + "<br>");
  document.write(myarr);
</script>

数组排序sort()

sort()方法使数组中的元素按照一定的顺序排列。

语法:

arrayObject.sort(方法函数)

<script type="text/javascript">
  function sortNum(a,b) {
  return a - b;
 //升序,如降序,把“a - b”该成“b - a”
}
 var myarr = new Array("80","16","50","6","100","1");
  document.write(myarr + "<br>");
  document.write(myarr.sort(sortNum));
</script>

编程练习:

<script type="text/javascript">

  //通过javascript的日期对象来得到当前的日期,并输出。
  var date = new Date();
  var mydate = date.getFullYear();
  var mymonth = date.getMonth() + 1;
  var myday = date.getDate();
  var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
  document.write(mydate + "年" + mymonth + "月" + myday + "日" +  weekday[date.getDay()] + "<br>");
  //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦
  var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
  //从数组中将成绩撮出来,然后求和取整,并输出。
  var sourceArr = scoreStr.split(";");
  var sum = 0;
  document.write(sourceArr + "<br>");//把;去除。
  for(var i=0;i<sourceArr.length;i++){
      sum = sum + parseInt(sourceArr[i].slice(3,5));
  }
  document.write(sum + "<br>");
  document.write(parseInt(sum/sourceArr.length));

</script>
点击查看更多内容
4人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
368
获赞与收藏
70

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消