Javascript基础知识中关于内置对象的知识

目录
  • 1、内置对象介绍
    • 1.1 Math对象
    • 1.2 Math中的方法
    • 1.3 Date对象
  • 2、Date中的方法
  • 3、经典案例:倒计时效果:
  • 4、Array数组对象
    • 4.1 数组的创建
    • 4.2 数组中的常用方法
  • 5、字符串String

1、内置对象介绍

JavaScript组成: ECMAScript | DOM | BOM

ECMAScript: 变量 , 函数, 数据类型 ,流程控制,内置对象

js中的对象: 自定义对象 , 内置对象 , 浏览器对象(不属于ECMAScript)

1.1 Math对象

提供了一系列与数学相关的方法或属性  ( 静态  |  实例)

1.2 Math中的方法

  • Math,PI   ---   获取圆周率
  • Math.random()   ---   返回大于等于0小于1之间的随机数

灵活使用:

a:求两个数的随机数,并包含这两个数:

Math.floor( Math.random() * (max - min + 1) + min );

例子:求 1 到 10之间的随机整数[包括1和10]

function getRondom(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }
        var i = getRondom(1,10);
        console.log(i);

b:当想要进行随机排序时,即可使用:

Math.random()- 0.5   精度利用这个弱点 会进行随机排序

例子:随机排序

var arr1 = ["鹿晗", "王俊凯", "蔡徐坤", "彭于晏", "周杰伦", "刘德华", "赵本山"];
        arr1.sort(function(){
            return Math.random() - 0.5;
        });
        console.log(arr1);
  • Math.floor()   ---   向下取整,返回一个小于当前数字的整数
  • Math.ceil()   ---   向上取整,返回一个大于当前数字的整数
  • Math.round()   ---   四舍五入

特殊情况:

console.log(Math.round(-1.5))//结果为-1
  • Math.abs()   ---    取绝对值(返回当前数字的绝对值,正整数)
console.log(Math.abs("1"));    //隐式转换  会把字符串1 转换成数字型
console.log(Math.abs("fanfan"));    //NaN
  • Math.max()   ---   返回一组数中的最大值 (可以设置多个参数,返回其中最大值,参数不可以是数组)
console.log(Math.max(1,4,8,35,"fanfan"));   //NaN
  console.log(Math.max());   //-Infinity
  • Math.min()   ---   返回一组数中的最小值 (可以同时设置多个参数,与最大值效果一样)
console.log(Math.min());   //Infinity
  • Math.sin(x)
  • Math.cos(x)   
  • Math.tan(x)
  • Math.pow(x,y)   ---   返回x的y次幂

1.3 Date对象

用法一:空构造函数

var d = new Date();   //如果没有参数 返回当前系统的当前时间

用法二:传入日期格式的字符串

 var  d = new Date("1988-8-8 8:8:8")

用法三: 传入数字

 var  d = new Date(year, month[day,time,second]);  //必须设置年和月 中括号内的为选填项

注意:月份从0开始,0代表1月

 var date1 = new Date(2019, 10, 01);  //实际是2019年11月1日

获取当前时间的毫秒值:(距离1970 年 1 月 1 日的毫秒数)

写法一:

d.valueOf()    

d.getTime()   // 推荐使用
//获取当前的毫秒值
var date = new Date();
        console.log(date.valueOf());
        console.log(date.getTime());

写法二:(最常用)

 var date1 = +new Date();  // +new Date()  返回的就是总的毫秒数

写法三:

Date.now()   //H5 新方法 有兼容性

2、Date中的方法

  • var d = new Date();   ---   日期格式化方法
  • d.getSeconds()  //获取秒
  •     d.getMinutes()  //获取分钟
  •     d.getHours()    //获取小时
  •     d.getDay()      //没有参数时 返回当前周几   (0表示周日)0-6

获取星期几的方法:

var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
         var day = date.getDay();
         console.log(arr[day]);
  • d.getDate()     //没有参数时 返回当前日
  •    d.getMonth()    //没有参数时 返回当前月份   (从0开始)0-11
  •     d.getFullYear()  //没有参数时 返回当前年份
  • d.toString();  //转化成字符串
  •     d.toDateString();  //转换成日期字符串
  •   d.toTimeString();  //转换成时间字符串
  •     d.toLocaleDateString();   //返回本地的日期格式  (不同浏览器不同效果)
  •     d.toLocaleTimeString();   //返回本地的时间格式  (不同浏览器不同效果)

3、经典案例:倒计时效果:

function countTime(time) {
            var nowTime = +new Date();
            console.log(nowTime);
            var timer = +new Date(time);
            console.log(timer);
            var times = (timer - nowTime) / 1000;
            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 + "秒"

        }
        var i = countTime("2021-11-11 18:00:00");
        console.log(i);

4、Array数组对象

4.1 数组的创建

利用数组字面量:

var arr = [1,2,3];

利用new Array():

var arr1 = new Array();  //创建一个空的数组
var arr1 = new Array(2); //这个2 表示 数组的长度为 2  里面有2个空的数组元素

var arr1 = new Array(2,3);   // 等价于 [2,3]  这样写表示 里面有2个数组元素 是 2和3

4.2 数组中的常用方法

判断变量是不是一个数组:

  • Array.isArray(ary)   //H5新增属性 ie9以上版本支持
  • 参数 instanceof Array

toString()   ---   把数组转换为字符串,使用逗号分隔

valueOf()   ---    返回数组对象本身

ary.pop() [常用]    ---   删除数组中最后一个字,且会修改数组的长度  注意:()内不跟参数

ary.shift()  ---   删除数组中的第一个元素,修改数组的长度    注意:()内不跟参数

ary.push() [常用]   ---   该方法有一个返回值,表示数组最新的长度,该方法中可以设置多个参数  在数组末尾添加一个或者多个

ary.unshift()   ---   在数组中最开始位置添加一个值

reverse()  ---   翻转数组

indexOf(content[,index])   ---   返回数组元素索引的方法  从前查找,它只返回第一个满足条件的索引号
lastIndexOf()  ---   从数组的末尾开始找,如果找到,返回索引位置,如果没有找到返回-1

 join(分隔符)    ---   将数组中的每一个元素通过一个字符链接到一块(数组转字符串)   改变字符间的分隔符,  默认是","

排序:

arr.sort()   ---   按照个位数字排序
sort(function(){})   

arr.sort(function(a,b){
    return a-b; //升序
})
arr.sort(function(a,b){
    return b-a; //降序
})

concat()  ---   把两个数组拼接到一块,返回一个新数组

 slice(startindex, endindex)   ---   从当前数组中截取一个新的数组 第一个参数表示开始索引位置,第二个参数代表结束索引位置

splice(startindex, deletCont, options)   ---   删除或者替换数组中的某些值
         第一个参数代表从哪开始删除
         第二个参数代表一共删除几个
         第三个参数代表要替换的值

5、字符串String

1、charAt(index)     ---   获取指定位置处的字符

2、str[index]     ---   获取指定位置的字符 (H5中的方法)

3、charCodeAt(index)   ---   返回相应索引号的字符ASCII值  判断用户按下了哪个键

4、concat()   ---   拼接字符串  等效于 +

5、slice(strat,end)   ---   从指定位置开始,截取字符串到结束位置,end值取不

6、substring(start,end)   ---   从指定位置开始,截取字符串到结束位置, end值取不到,start能取到

7、substr('截取的起始位置', '截取几个字符')   //从指定位置开始,截取length长度个字符

8、indexOf(字符)   ---   返回字符在字符串中的位置【首次】

9、lastIndexOf(字符)   ---   从后往前找,只找第一个匹配的字符【尾次】

10、trim()   ---    只能去除字符串前后空白

11、toLocaleUpperCase()  //转化为大写
    toLocaleLowerCase()  //转化为小写

12、replace(a,b)   ---   用b替换a
    split()   ---   以一个分割符,将一个字符串串分割成一个数组(字符串转数组)

到此这篇关于Javascript基础知识中关于内置对象的知识的文章就介绍到这了,更多相关Javascript内置对象介绍内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • jsp内置对象

    JSP中一共预先定义了9个这样的对象,分别为:request.response.session.application.out.pagecontext.config.page.exception 1.request对象 request对象代表了客户端的请求信息,主要用于接受通过HTTP协议传送到服务器的数据.(包括头信息.系统信息.请求方式以及请求参数等). request对 象的作用域为一次请求. String s = request.getParameter("xxxx");//接

  • javascript 内置对象及常见API详细介绍

    一. 类与对象 在 JavaScript世界里,关于面向对象第一个要澄清的概念就是类.对象都是由类来定义的,通过类来创建对象就是我们所熟悉的实例化.然而,在 JavaScript中别没有真正的类,对象的定义就是对象自身.而 ECMA-262 干脆把这种妥协的方式称作为对象的调和剂.为了方便理解,我通常把这个发挥类的作用的调和剂称为类. Javascript内置对象学习 全局属性 Infinity 表示正无穷大的数值 NaN 非数字值 undefined 未定义的值 decodeURI() 对en

  • JavaScript对象内置对象,值类型和引用类型讲解

    目录 对象 对象的定义 遍历对象的成员 JS内置对象 Math对象 Date对象 数组对象 String对象 值类型和引用类型 对象 JS中的对象是属性和行为的结合体,其中属性是对象的静态特征,行为又称方法,是对象的动态特征. JavaScript中的对象主要分为三大类: 内置对象 由ES标准中定义的对象 在任何的ES的实现中都可以使用,比如Math String Number Boolean Function Object 宿主对象 由JS的运行环境提供的对象,目前来讲主要是浏览器提供的对象,

  • JS内置对象和Math对象知识点详解

    Math对象 <script> // Math数学对象 不是一个构造函数 ,所以我们不需要new 来调用 而是直接使用里面的属性和方法即可 console.log(Math.PI); // 一个属性 圆周率 console.log(Math.max(1, 99, 3)); // 99 console.log(Math.max(-1, -10)); // -1 console.log(Math.max(1, 99, 'pink老师')); // NaN console.log(Math.max(

  • jsp的九大内置对象深入讲解

    jsp中的内置对象,是指 Tomcat在翻译jsp页面成为 Servlet源代码后,内部提供的九大对象,叫内置对象,内置的意思就是本身就有,我们可以直接用. 特别request对象,可以帮助我们很便捷的处理servlet请求转发. 四个域对象 request是一次请求内有效,比如我写一个请求转发的语句,转发跳到另一个界面后,该域还可以访问,但是再请求一次就不能访问该域了. session重启浏览器后不能访问,可以理解为该域保存在浏览器中. application可以认为是保存在本地web工程中,

  • javascript标准库(js的标准内置对象)总结

    值属性 这部分属性只是简单的值,它们没有自己的属性和方法. Infinity 全局属性 Infinity 是一个数值,表示无穷大. NaN 全局属性 NaN 的值表示不是一个数字(Not-A-Number). undefined 全局属性undefined表示原始值undefined.它是一个JavaScript的 原始数据类型 . null 值 null 特指对象的值未设置.它是 JavaScript 基本类型 之一. 函数属性 全局函数可以直接调用,不需要在调用时指定所属对象,执行结束后会将

  • JavaScript常用内置对象用法分析

    本文实例讲述了JavaScript常用内置对象用法.分享给大家供大家参考,具体如下: 博主最近半个月没有更新博客,主要是每天都在学车中,学车的过程虽然挺折腾的,但是人吗总得学会适应,在百忙之中给大家分享一篇关于JavaScript的内置对象,不清楚的小伙伴可以进来看看. (1)String对象 当使用到字符串的属性或方法时,系统会把字符串包装成一个对象 属性 length:获取字符串的长度 方法 concat(str1,str2):连接字符串 indexOf(str):查找第一次出现的子字符串的

  • 详解JSP 内置对象request常见用法

    request 对象是 HttpServletRequestWrapper 类的实例.它的继承体系如下: _request 对象继承层次结构图.png ServletRequest 接口的唯一子接口是 HttpServletRequest ,HttpServletRequest 接口的唯一实现类 HttpServletRequestWrapper ,单从 request 对象一脉单传的类继承体系可以看出,javaweb 标准类库只支持了 http 协议. Servlet/JSP 中大量使用了接口

  • JavaScript封闭函数及常用内置对象示例

    本文实例讲述了JavaScript封闭函数及常用内置对象.分享给大家供大家参考,具体如下: 封闭函数 在封闭函数内部定义的函数与外部函数尽管同名也没有关系,同理,定义的变量也可以同名. 封闭函数的写法,一是加括号,一是加感叹号. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>封闭函数</title> &

  • Javascript 类型转换、封闭函数及常见内置对象操作示例

    本文实例讲述了Javascript 类型转换.封闭函数及常见内置对象.分享给大家供大家参考,具体如下: Javascript组成 1.ECMAscript javascript的语法(变量.函数.循环语句等语法) 2.DOM 文档对象模型 操作html和css的方法 3.BOM 浏览器对象模型 操作浏览器的一些方法 类型转换 1.直接转换 parseInt() 与 parseFloat() alert('12'+7); //弹出127 alert( parseInt('12') + 7 ); /

  • JavaScript内置对象之Array的使用小结

    数组的创建方式: 1.字面量: 放置一个数值时,就是一个数据. var arr = [6]; 2.构造函数: 放置一个数据时,表示长度或数据的个数,空表示undefined. var arr = new Array(6); 建议:Array作为构造函数,行为很不一致.因此,不建议使用它生成新数组,直接使用数组字面量是更好的做法. 数组的操作: 1.push(); 用于在数组的末端添加一个或多个元素,并返回添加新元素后的数组长度. 注意,该方法会改变原数组 var arr = [1,2,3]; c

  • 详解JavaScript的内置对象

    什么是对象 JavaScript 中的所有事物都是对象,如:字符串.数值.数组.函数等,每个对象带有属性和方法. 对象的属性:反映该对象某些特定的性质的,如:字符串的长度.图像的长宽等: 对象的方法:能够在对象上执行的动作.例如,表单的"提交"(Submit),时间的"获取"(getYear)等: JavaScript 提供多个内建对象,比如 String.Date.Array 等等,使用对象前先定义,如下使用数组对象: var objectName =new Ar

随机推荐