常用的内置对象

1 Math对象的常用方法

Math 对象用于执行数学任务。

方法名 功能
Math.ceil() 向上取整
Math.floor() 向下取整
Math.max()/Math.min() 求最大和最小值
Math.random() 获取范围在[0,1)内的随机值

简单使用:

  1. <script>
  2.         //圆周率
  3.         console.log(Math.PI);
  4.         //最大值
  5.         console.log(Math.max(1,3,9));
  6.         //最小值
  7.         console.log(Math.min(1,3,9));
  8.     </script>

绝对值和取整:

  1. <script>
  2.         //绝对值
  3.        console.log(Math.abs(-1));
  4.        console.log(Math.abs(1));
  6.        //取整
  7.        console.log(Math.ceil(1.2));//向上取整
  8.        console.log(Math.ceil(1.9));
  10.        console.log(Math.floor(1.2));//向下取整
  11.        console.log(Math.floor(1.9));
  13.        console.log(Math.round(1.2));//四舍五入
  14.        console.log(Math.round(1.9));
  15.        console.log(Math.round(1.5));
  18.     </script>

生成随机数:

  1.  <script>
  2.         //生成0-1之间的随机数 [0,1)
  3.         console.log(Math.random());
  4.         //生成1-10之间的随机数,包含1和10
  5.         //[1,10] --> [0,10) + 1 --> [0,1)*10 + 1
  6.         //[50,100] --> [0,51)+50 --> [0,1)*51 + 50
  8.         //规律 生成[min,max]的随机数(包含min和max)
  9.         //Math.floor(Math.random()*(max-min+1) + min)
  11.         /* 1-199 */
  12.         console.log(Math.floor(Math.random()*199+1));
  15.     </script>

应用: 

  1.  <script>
  2.         /* 随机生成一个女孩的年龄(18-28之间)
  3.         让男生一直猜,提示:猜大了或者猜小了
  4.         当猜对了,就退出程序 */
  5.         //console.log(getAge(18,28));
  7.         //生成年龄
  8.         var girlAge = getAge(18,28)
  10.         //循环
  11.         while(true){
  12.             var age = prompt('请猜一下我的年龄')
  14.             //判断
  15.             if(age > girlAge){
  16.                 alert('猜大了')
  17.             }else if(age < girlAge){
  18.                 alert('猜小了')
  19.             }else{
  20.                 alert('猜对了')
  21.                 break
  22.             }
  23.         }
  25.         function getAge(min,max){
  26.             return Math.floor(Math.random()*(max-min+1))+min
  27.         }
  29.     </script>

2 Date对象的常用方法

Date对象用于处理日期和时间

方法名 功能
getFullYear() 获取年份
getMonth() 获取月份(0~11) (0指1月 所以一般要+1)
getDate() 获取日期(1~31)
getDay() 获取星期(0~6) (0是指周日 一般可用switch和数组)
getHours() 获取小时
getMinutes() 获取分钟
getSeconds() 获取秒

创建时间:

生成当前时间/ 生成指定时间

  1. //创建:采用构造函数的方式
  2.         var date = new Date() //自动保存当前时间
  3.         console.log(date);
  5.         //生成指定的时间方式一-数字型
  6.         var date1 = new Date(2008,7,8)
  7.         console.log(date1);//其实返回的 月份+1 所以传参的时候要把月份-1
  9.         //生成指定的时间方式二-字符型
  10.         var date2 = new Date('2008-8-8')
  11.         console.log(date2);

获取年月日及日期:

  1. <script>
  2.         /*
  3.         getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 1 3 
  4.         getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 1 3 
  5.         getMonth() 从 Date 对象返回月份 (0 ~ 11)。 1 3 
  6.         getFullYear() 从 Date 对象以四位数字返回年份。 
  7.         */
  9.         //在控制上打印 今天是:2022年3月8号 星期二
  11.         var date = new Date()
  13.         //获取年月日及日期
  14.         var year = date.getFullYear()
  15.         var month = date.getMonth() + 1
  16.         var day = date.getDate()
  17.         var week = date.getDay()
  19.         var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六']
  21.         console.log('今天是:'+year+'年'+month+'月'+day+'号 '+arr[week]);
  23.     </script>

获取时分秒:

  1. <script>
  2.         /* 
  3.         getHours() 返回 Date 对象的小时 (0 ~ 23)。 
  4.         getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
  5.         getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。 
  6.         */
  7.         var date = new Date()
  8.         console.log(date.getHours());
  9.         console.log(date.getMinutes());
  10.         console.log(date.getSeconds());
  11.     </script>

获取毫秒值:

  1. <script>
  2.         /* 
  3.          getTime() 返回 1970 年 1 月 1 日至今的毫秒数。(计算机的起始时间) 
  4.          valueOf() 
  5.         */
  7.         var date = new Date()
  8.         console.log(date.getTime());//1646708911622
  9.         console.log(date.valueOf());
  11.         //最简单的写法(最常用的)
  12.         var date1 = +new Date()
  13.         console.log(date1);
  15.         //h5新增一个方式
  16.         console.log(Date.now());//不需要创建对象,now()就是获取当前时间距离1970年的毫秒值
  18.     </script>

实例:

  1. <script>
  2.         //打印你下你来这个世界有多少天
  3.         //思路:  先算出 差值 = 现在距离1970年毫秒值 - 你的生日距离1970年的毫秒值 
  4.         //        差值/1000/60/60/24
  6.         //定义两个变量存储两个毫秒值(直接用两个时间相减,也可以得到毫秒值)
  7.         var birthday = +new Date('1990-1-28')
  8.         var today = +new Date()
  10.         //计算差值
  11.         var time = today - birthday
  13.         //计算天数
  14.         console.log(time/1000/60/60/24);
  15.     </script>

3 Array数组对象的常用方法

Array 对象用于在单个的变量中存储多个值。

方法名 功能 返回值
push() 在末尾添加元素 新数组的长度
pop() 删除最后一个元素 删除的元素的值
slice() 截取子数组 新数组
splice() 通常用于删除某个指定元素 新数组

创建方式:

字面量方式 / 使用构造函数new

  1. <script>
  2.         //数组的字面量方式
  3.         var arr = [1,2,3]
  5.         //使用构造函数 new
  6.         /* new Array();
  7.         new Array(size);//长度
  8.         new Array(element0, element1, ..., elementn); */
  10.         var arr1 = new Array()
  11.         console.log(arr1);
  13.         var arr2 = new Array(2)//2代表长度
  14.         console.log(arr2);
  16.         var arr3 = new Array(2,3)//2,3代表元素
  17.         console.log(arr3);
  19.     </script>

添加和删除数组元素:

  1. **push( ) **向数组的末尾添加一个或更多元素，并返回新的长度。<br />   ** pop( ) **删除并返回数组的最后一个元素 
  1. <script>
  2.         var arr = [1,2,3]
  3.         //push() 向数组的末尾添加一个或更多元素，并返回新的长度。 
  4.         arr.push(4)
  5.         console.log(arr);
  6.         arr.push(5,6,7)
  7.         console.log(arr);
  9.         //现在数组已经变成 [1,2,3,4,5,6,7]
  10.         //pop() 删除并返回数组的最后一个元素 
  11.         arr.pop()
  12.         console.log(arr);
  14.         var c = arr.pop()//返回数组的最后一个元素
  15.         console.log(c);//6
  17.     </script>

数组的遍历:

  1. <script>
  2.         //有一个包含工资的数组 [1500,1200,2000,2100,1800] 把超过2000的删除,剩余的放到一个新的数组 打印新的数组
  3.         //只需要把工资不超过2000的放到一个新的的数组
  4.         //怎么找到工资不超过2000 遍历然后判断
  6.         var arr = [1500,1200,2000,2100,1800]
  8.         //定义一个新的数组
  9.         var newArr = []
  11.         //遍历
  12.         for(var i=0;i<arr.length;i++){
  13.             //判断
  14.             if(arr[i] < 2000){
  15.                 newArr.push(arr[i])
  16.             }
  17.         }
  19.         //打印新数组
  20.         console.log(newArr);
  21.     </script>

数组反转和排序:

  1. **reverse( ) **颠倒数组中元素的顺序。 <br />    **sort( ) **对数组的元素进行排序 
  1. <script>
  2.         //reverse() 颠倒数组中元素的顺序。 
  3.         var arr = [1,2,3]
  4.         arr.reverse()
  5.         console.log(arr);
  7.         //sort() 对数组的元素进行排序 
  8.         var arr1 = [9,7,6,1,2,3]
  10.         //arr1.sort()//默认是升序排序
  11.         //console.log(arr1);//升序
  13.         //降序
  14.         arr1.sort(function(a,b){
  15.             return b - a
  16.         })
  18.         console.log(arr1);
  19.     </script>

查找索引:

  1. **indexOf ** 查找索引<br />    **lastIndexOf** 从最后开始查找索引
  1. <script>
  2.         //indexOf  查找索引
  3.         var arr = [1,2,3,4,1,5,6,7]
  4.         var index = arr.indexOf(2)//1  只会查找第一个是1的元素的索引
  5.         console.log(index);
  7.         //lastIndexOf 从最后开始查找索引
  8.         var lastIndex = arr.lastIndexOf(1) //从后面开始数的,但是索引还是正的来的
  9.         console.log(lastIndex);//4
  11.         var i = arr.indexOf(8)
  12.         console.log(i);//-1  -1的含义就是告诉你,数组中没有这个元素
  14.     </script>

数组去重:

  1. <script>
  2.         //数组去重 [1,1,2,3,3,4,5,5] 去掉里面的重复元素
  4.         var arr = [1,1,2,3,3,4,5,5]
  6.         //创建一个新的数组,用于存放不重复的元素
  7.         var newArr = []
  9.         for(var i=0;i < arr.length;i++){
  10.             //在放入新数组之前,用indexOf()做一个判断,如果他的值==-1,说明新数组中没有这个元素,就可以放进去
  11.             if(newArr.indexOf(arr[i]) == -1){
  12.                 newArr.push(arr[i])
  13.             }
  14.         }
  16.         console.log(newArr);
  18.     </script>

4 String对象的常用方法

String 对象用于处理文本（字符串）。

检索字符串:

  1. **indexOf( ) **检索字符串<br />   ** lastIndexOf( ) **从后向前搜索字符串
  1. <script>
  2.         //indexOf() 检索字符串。 
  3.         var str1 = '女大十八变,越变越随便'
  5.         //查找 变 所在的索引
  6.         var index = str1.indexOf('变')
  7.         console.log(index);//4
  8.         var index1 = str1.indexOf('变',5)//从索引为5的元素位置往后数
  9.         console.log(index1);
  11.         //lastIndexOf() 从后向前搜索字符串。 
  12.         var i = str1.lastIndexOf('变')
  13.         console.log(i);//7 索引还是正的来的
  15.     </script>

根据索引查找对应字符:

charAt( ) 返回在指定位置的字符。

  1. <script>
  2.         //charAt() 返回在指定位置的字符。 
  3.         var str = '问世间情为何物,只不过是一物降一物'
  5.         var c1 = str.charAt(3)
  6.         console.log(c1);
  8.         //字符串的长度
  9.         console.log(str.length);
  11.         //遍历
  12.         for(var i=0;i < str.length;i++){
  13.             console.log(str.charAt(i));
  14.         }
  16.         //H5新增的一个方法
  17.         console.log(str[0]);
  18.     </script>

字符串的拼接/ 截取 /替换:

concat( ) 连接字符串
substr( ) 从起始索引号提取字符串中指定数目的字符
replace( ) 替换 

  1. <script>
  2.         //字符串的拼接  最简单的方式就是 +
  3.         //concat() 连接字符串。 
  4.         var s1 = '刚刚被表白了'
  5.         var s2 = s1.concat('让我们恭喜刚刚')
  6.         console.log(s2);
  8.         //截取
  9.         //substr() 从起始索引号提取字符串中指定数目的字符。 //包含起始索引的字符
  10.         var s3 = '十年生死两茫茫'
  11.         console.log(s3.substr(2,2));//第一个参数是起始索引,第二个参数是截取的个数
  13.         //replace() 替换 
  14.         var s4 = '你个坏蛋' 
  15.         var s5 = s4.replace('坏蛋','**')
  16.         console.log(s5);
  18.     </script>

练习:

  1. <script>
  2.         //任意一个手机号,将中间的4位变成 ***** 
  4.         var tel = '12345678901'
  6.         //先获取中间4位
  7.         var temp = tel.substr(3,4)
  9.         //替换
  10.         var result = tel.replace(temp,'****')
  12.         console.log(result);
  13.     </script>

5 JSON对象的常用方法

方法名 功能 返回值
JSON.parse(str) 将JSON字符串转换成JS对象 JS对象
JSON.stringify(obj, null, 2) 将 JS 对象转换为 JSON 字符串 JSON字符串

json字符串与js对象的互转

json
本质是一个字符串,一种简单的轻量级的数据存储格式
区别
json字符串:本质是一个字符串,格式化的字符串
js对象:本质是一个对象,类的实例
传输
json字符串:可以跨平台传输,速度快
js对象:不能传输
表现
json字符串:
键值对的方式,属性必须加引号
值不可以是方法,函数,undefined以及NaN
js对象
键值对方式,属性可以不加引号
值可以是函数,对象,字符串,数字.boolean等

  1.   var jsonStr = '{"name":"张三","age":"23"}'//json字符串
  2.   console.log(jsonStr);
  3.   console.log(typeof jsonStr);
  5.   //json字符串转js对象
  6.   var obj = JSON.parse(jsonStr)
  7.   console.log(obj);
  8.   console.log(typeof obj);
  10.   var jsObj = {name: '张三', age: '23'} //js对象
  11.   var str = JSON.stringify(jsObj)
  12.   console.log(str);