写给 Javascript 初级学者的第 6 份笔记持续更新中~~~

168 阅读4分钟

数学方法:

  • 在JS中 Math 对象给我们提供了操作数据的一些方法 简称(数学的方法)
  • 更多方法可浏览: www.runoob.com/ 菜鸟教程 或者 developer.mozilla.org/ MDN
  • 1.random 方法:
  1. 语法:Math.random()
  2. 作用:得到一个随机数,刷新控制台每次生成的数字都不一样,但一定是0~1之间的,包含0 但是不包含1,也就是说最大值可能是0.999999999....
random方法:
<script>
var sum = Math.random()
  console.log("得到的随机数为:",sum); //不断刷新控制台 会不断更新数组
</script>
  • 2.round 方法:
  1. 语法:Math.round(小数)
  2. 作用:将这个小数,按照四舍五入的方式变为整数
round  方法:
<script>
      var num1 = Math.round(4.4999999999)
      var num2 = Math.round(4.5)
      console.log("四舍五入后:",num1);//4
      console.log("四舍五入后:",num2);//5
</script>
  • 3.ceil 方法:
  1. 语法:Math.ceil(小数)
  2. 作用:将这个小数向上取整
<script>
   var num1 = Math.ceil(0.88888888)
   var num2 = Math.ceil(1.9999999)
   var num3 = Math.ceil(3.00000000000001)
   console.log("新数组:",num1)//1
   console.log("新数组:",num2)//2
   console.log("新数组:",num3)//4
</script>
  • 4.fLoot 方法:
  1. 语法:Math.floot(小数)
  2. 作用:将这个小数向下取整
<script>
   var num0 = Math.floor(0.00000001)
   var num4 = Math.floor(8.999999999999)
   console.log("向下取整后:",num0)//0
   console.log("向下取整后:",num4)//8
</script>
  • 5.abs 方法
  1. 语法:Math.abs(小数)
  2. 作用:返回这个数的绝对值
<script>
   var ab = Math.abs(-2.8888)
   var aa = Math.abs(1.6666)
   console.log(ab)//2.8888
   console.log(aa)//1.6666
</script>
  • 6.sqrt 方法:
  1. 语法:Math.sqrt(数字)
  2. 作用:求平方根
<script>
   var num1 = Math.sqrt(16)
   var num2 = Math.sqrt(81)
   console.log(num1)  //4
   console.log(num2) //9 平方根的结果只有正数
</script>
  • 7.pow 方法:
  1. 语法:Math.pow(基数,幂)
  2. 作用:返回基数的几次幂
<script>
   var num = Math.pow(2,3) // 表示2的3次幂
   console.log(num)//8
</script>
  • 8.max 方法:
  1. 语法:Math.max(数字1,数字2,数字3,数字4.......)
  2. 作用:返回传入的数字中 最大值得数值
<script>
   var num66 = Math.max(1,10004,0,99,345)
   console.log("返回的最大值:",num66); //10004
</script>
    1. min 方法:
  1. 语法:Math.min(数字1,数字2,数字3,数字4.......)
  2. 作用:返回传入参数中值最小的那个值
<script>
   var num88 = Math.min(1,10004,0,99,345)
   console.log("返回的最小值:",num88); //0
</script>
  • 10.PI 圆周率:
  1. 语法:Math.PI
  2. 返回值:返回 π
<script>
    var num = Math.PI
    console.log(num);  //3.141592653589793
</script>
  • 11 Math.floor 和 parseInt 区别:
  1. Math.floor( )是向下取整,将一切都转化为数字,再取整;
  2. parseInt( )取整,将一切都转化为字符串,再按位读数字字符
<script>
1.参数是正数的时候,两者无差别:
        console.log( Math.floor( 1.9 ) );   //  1.9
        console.log( parseInt( 1.9 ) );     //  1.9

2. 负数
        console.log( Math.floor( -1.9 ) );  //  -2
        console.log( parseInt( -1.9 ) );    //  -1
        
3. 参数是包含非数字的字符串:        
        console.log( Math.floor( '100' ) );     //  100
        console.log( Math.floor( '100px' ) ); =>  console.log( Math.floor(Number( '100px')));  => Math.floor(  NaN )   //  NaN
        
        console.log( parseInt( '100' ) );       //  100
        console.log( parseInt( '100px' ) );     //  100
        
4.参数是 bool 类型的:
         console.log( Math.floor( true ) ); // 1
         console.log( Math.floor(Number( true)));   // 1
         
         console.log( parseInt( true ) );  // NaN
         console.log( parseInt( String(true) ); // NaN

</script>

字符串

创建字符串

字符串的索引与 length 属性

一些操作字符串的常用方法

严格模式(了解)

  • JS 是一个相对不是很严谨的语言, 在开发的时候一些代码也不是很严格, 严格模式就是对开发的时候写的代码做了一些要求

如何开启严格模式(了解)

  • 要开启严格模式, 直接在代码最开始的位置写上字符串 'use strict'

严格模式的规则(了解)

  1. 声明变量必须有 var 关键字
  2. 函数的形参不可以重复

ASCII 字符集(了解)

  1. 计算机只能存储二进制数据 0101010
  2. 我们的 大写字母; 小写字母; 符号 之类的内容也是由二进制数字组成的
  3. 我们的字母符号这些东西写都有一个对应的编号, 然后计算机存储的时候是存储的这些编号,不过我们看到的时候, 是通过这些编号解析成我们看到的内容
  4. 所以我们计算机存储的字母符号之类的并不是存储了这个字母, 而是存储了这个字母对应的编号, 然后给我们看到的时候是通过这个编号找到了对应的字母给我们看

unicode 编码(了解)

  1. ASCII 只有 128 个字符的编码结构, 这是因为他出现的比较早, 而且是美国发明的, 所以在早期这些内容完全足够
  2. 但是这个世界要存储的东西就不够, 比如我们的汉字, 所以就出现了 unicode 编码, 也叫(万国码, 统一码)
  3. unicode 和 ASCII 一样的对照表, 只不过存的东西特别多, 基本包含了世界上大部分国家的文字, 所以我们的文字在存储的时候 都是按照 unicode 编码转换成了数字进行存储
  4. 我们的 UTF-8 就是一种 8 位的 unicode 字符集

创建时间对象:

  • 语法1 :
  1. var 变量 = new Date( );
  2. 含义: 表示创建当前时间的时间对象;
<script>
        var time1 = new Date();
        console.log( time1 ); //此时此刻的时间
</script>
  • 语法2:
  1. var 变量 = new Date('年-月-日 时:分:秒');
  2. var 变量 = new Date('年 月 日 时:分:秒');
  3. var 变量 = new Date('年/月/日 时:分:秒');
  4. var 变量 = new Date('年,月,日 时:分:秒');
  5. 含义: 表示按照设定的字符串时间 创建时间对象
注意:
必须严格按照语法设定字符串; 
设定的时间数据必须在正常值范围内;
按照固定的语法形式创建字符串作为获取时间的参数
<script>
        var time2 = new Date('2015,2,21 8:8:35');
        console.log( time2 );
</script>
  • 语法3:
  1. var 变量 = new Date( 年 , 月 , 日 , 时 , 分 , 秒 );
  2. 含义: 输入 6个数字 表示 :年月日时分秒
注意:
输入月份的数值范围是 0 - 11之间;它对应的是1月- 12月,也就是如果要表示2月 输入的数值是 1;
设定的时间数据可以超出正常值范围会按照时间进位;
<script>
        var time3 = new Date(2015,1,21,8,8,35);
        console.log( time3 );
        
        var time3 = new Date(2015,1,34,8,8,35);
        console.log( time3 );//1月份没有34天,所以会进位到2月份
</script>

获取时间对象数据:

  • 语法:
  1. 时间对象.getFullYear() // 获取 4位 年份
  2. 时间对象.getMonth() // 获取 月份
  3. 时间对象.getDate()//获取 日期
  4. 时间对象.getDay() //获取 星期
  5. 时间对象.getHours() // 获取 小时
  6. 时间对象.getMinutes()// 获取分钟
  7. 时间对象.getSeconds() // 获取秒
1.获取年份:
 <script>
       var year = time.getFullYear();
        console.log( year );
 </script>
2.获取月份:
 <script>
        var month = time.getMonth() +1;//获取结果是 0-11 的数字 对应 1-12 的月份 
        console.log( month );//如果 要获取月份数字 获取结果 应该 +1
需要获取月份汉字:
        var monthArr = ['一月' , '二月' , '三月' , '四月' , '五月' , '六月' , '七月' , '八月' , '九月' , '十月' , '十一月' , '十二月' ];   // 0-11 看成 索引下标创建一个数组;数组中每一个单元存储的汉字月份 对应的 这个月获取的数值结果
        var monthStr = monthArr[ time.getMonth() ] //使用 获取的月份的数值 作为 索引下标 可以从数组中获取对应的月份汉字
        console.log( monthStr );

 </script>
3.获取日期:
 <script>
        var day = time.getDate();
        console.log( day );
  </script>
4.获取星期:
 <script>
        // 获取的结果是 0-6 的数字 对应 星期日-星期六  
        var weekArr = ['星期日' , '星期一' , '星期二' , '星期三' , '星期四' , '星期五' , '星期六']; // 创建一个数组 每个单元存储的星期是 星期日 - 星期六
        var week = weekArr[time.getDay()];
        console.log( week );
 </script>
5.获取小时:
 <script>
        var hours = time.getHours();
        console.log( hours );
  </script>
6.获取分钟:
 <script>
        var minutes = time.getMinutes();
        console.log( minutes );
  </script>
7. 获取秒:
 <script>
        var seconds = time.getSeconds();
        console.log( seconds );
  </script>
8.获取世界标准时:
 <script>
        var hours2 = time.getUTCHours();
        console.log( hours2 );
  </script>