站长资讯网
javascript中有内置对象。内置对象是JS语言自带的一些对象，常见的有：String对象、Array对象、Date对象、Boolean对象、Number对象、Math对象、RegExp对象、Global对象等等。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
JavaScript中的对象分为3中：自定义对象、内置对象、浏览器对象
前面两种对象是JS基础内容，属于ECMAScript；第三个浏览器对象属于我们JS独有的
内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）
内置对象最大的优点就是帮助我们快速开发
JavaScript提供了多个内置对象，Math、Date、Array、String等
-
String对象：字符串对象，提供了对字符串进行操作的属性和方法。
-
Array对象：数组对象，提供了数组操作方面的属性和方法。
-
Date对象：日期时间对象，可以获取系统的日期时间信息。
-
Boolean对象：布尔对象，一个布尔变量就是一个布尔对象。(没有可用的属性和方法)
-
Number对象：数值对象。一个数值变量就是一个数值对象。
-
Math对象：数学对象，提供了数学运算方面的属性和方法。
-
Object对象
-
RegExp对象
-
Global对象
-
Function对象
-
…..
Math对象
// Math数学对象 不是一个构造函数，所以我们不需要 new来调用 而是直接使用里面的属性和方法即可 console.log(Math.PI); //一个属性 圆周率 console.log(Math.max(1, 2, 99)); //99 console.log(Math.max(-1, -12)); //-1 console.log(Math.max(1, 99, '数学对象')); //NaN console.log(Math.max()); //-Infinity
案例：封装自己的数学对象
var myMath = { PI: 3.141592653, max: function() { var max = arguments[0]; for (var i = 1; i < arguments.length; i++) { if (arguments[i] > max) { max = arguments[i]; } } return max; }, min: function() { var min = arguments[0]; for (var i = 1; i < arguments.length; i++) { if (arguments[i] < min) { min = arguments[i]; } } return min; } } console.log(myMath.PI); console.log(myMath.max(1, 5, 9)); console.log(myMath.min(1, 5, 9));
1Math概述
Math对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运行（求绝对值，取整，最大值等）可以使用Math中的成员。
Math.PI //圆周率 Math.floor() //向下取整 Math.ceil() //向上取整 Math.round() //四舍五入版 就近取整 注意-3,5 结果是 -3 Math.abs() //绝对值 Math.max()/Math.min() //求最大和最小值
// 1.绝对值方法 console.log(Math.abs(1)); //1 console.log(Math.abs(-1)); //1 console.log(Math.abs('-1')); //隐式转换 会把字符串型 -1 转换为数字型 console.log(Math.abs('wode')); //NaN // 2.三个取整方法 // (1)Math.floor() 地板 向下取整 往最小了取整 console.log(Math.floor(1.1)); //1 console.log(Math.floor(1.9)); //1 // (2)Math.ceil() ceil 天花板 向上取整 往最大了取整 console.log(Math.ceil(1.1)); //2 console.log(Math.ceil(1.9)); //2 // (3)Math.round() 四舍五入 其他数字都是四舍五入，但是 .5特殊，它往大了取 console.log(Math.round(1.1)); //1 console.log(Math.round(1.5)); //2 console.log(Math.round(1.9)); //2 console.log(Math.round(-1.1)); //-1 console.log(Math.round(-1.5)); //这个结果是 -1
2随机数方法 random（）
//1. Math对象随机数方法 random() 返回一个随机的小数 0 =< x < 1 //2.这个方法里面不跟参数 // 3.代码验证 console.log(Math.random()); // 4.我们想要得到两个数之间的随机整数 并且包含这两个数 // return Math.floor(Math.random() * (max - min + 1)) + min; function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } console.log(getRandom(1, 10)); // 5.随机点名 var arr = ['张三', '李四', '王五', '赵六', '张三疯'] // console.log(arr[0]); // console.log(arr[getRandom(0, 4)]); console.log(arr[getRandom(0, arr.length - 1)]);
案例：猜数字游戏
程序随机生成一个1~10之间的数字，并让用户输入一个数字，
1.如果大于该数字，就提示，数字大了，继续猜；
2.如果小于该数字，就提示，数字小了，继续猜；
3.如果等于该数字，就提示猜对了，结束程序。
// 1.随机生成一个1~10的整数，我们需要用到Math.random()方法 // 2.需要一直猜到正确为止，所以一直循环 // 3.用while循环合适更简单 // 4.核心算法：使用if else if 多分支语句来判断大于，小于，等于 function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } var random = getRandom(1, 10); while (true) { //死循环 var num = prompt('你来猜，输入1~10之间的一个数字'); if (num > random) { alert('猜大了'); } else if (num < random) { alert('猜小了'); } else { alert('猜对了'); break; } }
// 要求用户猜1~50之间的一个数字 但是只有10次猜的机会 function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } var random = getRandom(1, 50); var i = 0; while (i < 10) { //死循环 var num = prompt('你来猜，输入1~50之间的一个数字'); if (num > random) { alert('猜大了'); } else if (num < random) { alert('猜小了'); } else { alert('猜对了'); break; //退出整个循环结束程序 } i++; } if (i = 10) { alert('全部猜错了'); }
日期对象
1Date概述
- Date对象和Math对象不一样，他是一个构造函数，所以我们需要实例化后才能使用
- Date实例用来处理日期和时间
2Date()方法的使用
1.获取当前时间必须实例化
var now = new Date(); console.log(now);
2.Date()构造函数的参数
如果括号里面有时间，就返回参数里面的时间，例如日期格式字符串为‘2019-5-1’，可以写成new Date('2019-5-1')或者new Date('2019/5/1')
//Date() 日期对象 是一个构造函数 必须使用new 来调用创建我们的日期对象 var arr = new Date(); //创建一个数组对象 var obj = new Object(); //创建了一个对象实例 // 1.使用Date 如果没有参数 返回当前系统的当前时间 var date = new Date(); console.log(date); // 2.参数常用的写法 数字型 2019,10,01 或者是 字符串型 '2019-10-1 8:8:8' var date1 = new Date(2019, 10, 1); console.log(date1); //返回的是 11月 不是 10月 var date2 = new Date('2019-10-1 8:8:8'); console.log(date2);
3日期格式化
我们想要2019-8-8 8:8:8格式的日期，要怎么办？
需要获取日期指定的部分，所以我们要手动的得到这种格式
| 方法名 | 说明 | 代码 |
| getFullYears() | 获取当年 | dObj.getFullYears() |
| getMonth() | 获取当月（0-11） | dObj.getMonth() |
| getDate() | 获取当天日期 | dObj.getDate() |
| getDay() | 获取星期几（周日0 到周六6） | dObj.getDay() |
| getHours() | 获取当前小时 | dObj.getHours() |
| getMinutes() | 获取当前分钟 | dObj.getMinutes() |
| getSeconds() | 获取当前秒数 | dObj.getSeconds() |
// 格式化日期 年月日 var date = new Date(); console.log(date.getFullYear()); //返回当前日期的年 2020 console.log(date.getMonth() + 1); //月份 返回的月份小1个月 记得月份 +1 console.log(date.getUTCDate()); //返回的是几号 console.log(date.getDay()); //6 周一返回的是 1 周六返回的是 6 但是 周日返回的是 0 // 写一个 2020年 5月 23日 星期六 var year = date.getFullYear(); var month = date.getMonth() + 1; var dates = date.getDate(); var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; var day = date.getDay(); console.log('今天是：' + year + '年' + month + '月' + dates + '日 ' + arr[day]); // 格式化日期 时分秒 var date = new Date(); console.log(date.getHours()); //时 console.log(date.getMinutes()); //分 console.log(date.getSeconds()); //秒 // 要求封装一个函数返回当前的时分秒 格式是 08:08:08 function getTimer() { var time = new Date(); var h = date.getHours(); h = h < 10 ? '0' + h : h; var m = date.getMinutes(); m = m < 10 ? '0' + m : m; var s = date.getSeconds(); s = s < 10 ? '0' + s : s; return h + ':' + m + ':' + s; } console.log(getTimer());
4获取日期的总的毫秒形式
Date对象是基于1970年1月1日（世界标准时间）起的毫秒数
我们经常利用总的毫秒数来计算时间，因为它更精确
// 获取Date总的毫秒数(时间戳) 不是当前时间的毫秒数 而是距离1970年1月1日过了多少毫秒数 // 1.通过 valueOf() getTime() var date = new Date(); console.log(date.valueOf()); //就是 我们现在时间 距离1970.1.1 总的毫秒数 console.log(date.getTime()); // 2.简单的写法(最常用的写法) var date1 = +new Date(); //+new Date() 返回的就是总的毫秒数 console.log(date1); // 3.H5 新增的 获得总的毫秒数 console.log(Date.now());
案例：倒计时效果
// 倒计时效果 // 1.核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时，但是不能拿着时分秒相减，比如05分减去25分，结果会是负数的 // 2.用时间戳来做，用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数 // 3.把剩余时间总的毫秒数转换为天、时、分、秒(时间戳转换为时分秒) // 转换公式如下： // d = parseInt(总秒数 / 60 / 60 / 24); //计算天数 // h = parseInt(总秒数 / 60 / 60 % 24); //计算小时 // m = parseInt(总秒数 / 60 % 60); //计算分数 // s = parseInt(总秒数 % 60); //计算当前秒数 function countDown(time) { var nowTime = +new Date(); //返回的是当前时间总的毫秒数 var inputTime = +new Date(time); //返回的是用户输入时间总的毫秒数 var times = (inputTime - nowTime) / 1000; //times是剩余时间总的秒数 var d = parseInt(times / 60 / 60 / 24); //天 d = d < 10 ? '0' + d : d; var h = parseInt(times / 60 / 60 % 24); //小 h = h < 10 ? '0' + h : h; var m = parseInt(times / 60 % 60); //分 m = m < 10 ? '0' + m : m; var s = parseInt(times % 60); //当前秒数 s = s < 10 ? '0' + s : s; return d + '天' + h + '时' + m + '分' + s + '秒'; } console.log(countDown('2020-5-24 00:00:00')); var date = new Date(); console.log(date);
数组对象
1数组对象的创建
创建数组对象的两种方式
- 字面量方式
- new Array()
// 创建数组的两种方式 // 1.利用数组字面量 var arr = [1, 2, 3]; console.log(arr); // 2.利用new Array() // var arr1 = new Array(); //创建了一个空的数组 // var arr1 = new Array(2); //这个2 表示 数组的长度为 2 里面有两个空的数组元素 var arr1 = new Array(2, 3); //等价于[2,3] 这样写表示 里面有2个数组元素 是2和3 console.log(arr1);
2检测是否为数组
// 翻转数组 function reverse(arr) { // if (arr instanceof Array) { if (Array.isArray(arr)) { var newArr = []; for (var i = arr.length - 1; i >= 0; i--) { newArr[newArr.length] = arr[i]; } return newArr; } else { return 'error 这个参数要求必须是数组格式[1,2,3]' } } console.log(reverse([1, 2, 3])); console.log(reverse(1, 2, 3)); //[] // 检测是否为数组 // (1)instanceof 运算符 它可以用来检测是否为数组 var arr = []; var obj = {}; console.log(arr instanceof Array); console.log(obj instanceof Array); // (2)Array.isArray(参数); H5新增的方法 IE9以上版本支持 console.log(Array.isArray(arr)); console.log(Array.isArray(obj));
3添加删除数组元素的方法
| 方法名 | 说明 | 返回值 |
| push(参数1…) | 末尾添加一个或多个元素，注意修改原数组 | 并返回新的长度 |
| pop() |
删除数组最后一个元素，把数组长度减 1 无参数，修改原数组 |
返回它删除的元素的值 |
| unshift(参数1…) | 向数组的开头添加一个或
相关推荐 |
