站长资讯网
最全最丰富的资讯网站

javascript中是否有内置对象

javascript中有内置对象。内置对象是JS语言自带的一些对象,常见的有:String对象、Array对象、Date对象、Boolean对象、Number对象、Math对象、RegExp对象、Global对象等等。

javascript中是否有内置对象

本教程操作环境: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…) 向数组的开头添加一个或

赞(0)
分享到: 更多 (0)