JS其他常用内置对象

目录

前言

一、Math对象

二、Data对象

1、创建对象

2、创建指定的时间对象

3、事件对象的方法

4、时间戳

三、基本包装类

四、字符串方法


前言

JS中的对象分为3种:自定义对象、内置对象、浏览器对象

前面两种对象是JS基础内容,属于ECMAScript;第三个浏览器对象属于我们JS独有的;

内置对象就是指JS语言自带的一些对象,这些对象供开发者使用,并提供一些常用的或是最基本而必要的功能(属性和方法 ),程序员不用管具体怎么实现,直接使用就可以了。帮助我们快速开发

JS中提供了多个内置对象:Object,Function,Array、Math、Date、String、Boolean、Number,REX等

参考文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects

一、Math对象

Math和其他的对象不同,它不是一个构造函数,它属于一个工具类,不用创建对象,它里面封装了数学运算相关的属性和方法

Math.PI 表示圆周率

**Math.abs()**可以用来计算一个数的绝对值

Math.ceil() 可以用来对一个数向上取整,小数位只要有值,就自动进1

**Math.floor()**可以对一个数进行向下取整,小数部分会被舍掉

Math.round() 可以对一个数进行四舍五入取整

Math.random() 可以生成一个0-1之间的随机数

-生成一个0-x之间的随机数Math.round(Math.random()*x)

-生成一个x-y之间的随机数Math.round(Math.random()*(y-x)+x

**Math.max()**可以获取多个数中的最大值

Math.min() 可以获取多个数中的最小值

Math.pow(x,y) 返回x的y次幂

Math.sqrt() 对一个数进行开方运算

javascript 复制代码
      let arr = [10, 2, 301, 40, 204, 34];
      // let i = Math.floor(Math.random() * arr.length);//随机输出数组的元素
      // console.log(arr[i]); //0--5

      res=Math.max(...arr)
      res=Math.min(...arr)
      res=Math.pow(2,3) //x的y次方
      res=3**2 //x的y次方   es新增的写法
      res=Math.sqrt(9)
      console.log(res);

二、Data对象

在js中使用Date它是一个构造函数,所以必须要实例化后才能使用,用来处理日期和时间

1、创建对象
javascript 复制代码
var d = new Date();
2、创建指定的时间对象
javascript 复制代码
var d2 = new Date("10/23/2025 9:00:00");//字符串型
var d4 = new Date("2025-11-09 8:59:00");//字符串型
var d3 = new Date(2025, 11, 9);//数字型
3、事件对象的方法

getFullYear()-获取当前日期对象的年份

getMonth()-获取当前时间对象的月份

-会返回一个0-11的值 0表示1月,1表示2月,11表示12月,要返回的月份上+1

getDate()-获取当前日期对象是几号(1-31)

getDay()-获取当前日期对象是周几

-会返回一个0-6的值,0表示周日 1表示周一,6表示周六

getHours() 获取当前小时

getMinutes() 获取当前分钟

**getSeconds()**获取当前秒钟

4、时间戳

时间戳,指的是从格林威治标准时间的1970年1月1日0时:0分:0秒到当前日期所花费的豪秒数

1s=1000ms,计算机底层在保存时间时,使用的都是时间戳

获取时间戳

getTime() -获取当前日期对象的时间戳 nowTime.getTime()

Date.now() 获取当前代码执行时的时间的时间戳

nowTime.**valueOf()**获取当前日期对象的时间戳

三、基本包装类

基本数据类型:String Number Boolean Null Undefined

引用数据类型:Object

1、包装类

在js中为我们提供了三个包装类,通过这三个包装类可以基本数据类型转换为对象

**String()**可以将基本数据类型字符串转换为String对象

**Number()**可以将基本数据类型数字转换为Number对象

**Boolean()**可以将基本数据类型布尔值转换为Boolean对象

注意:我们在实际应用中不会使用基本数据类型的对象,如果使用基本数据类型的对象,在做一些比较时,会带来一些不可预估的结果

javascript 复制代码
 //创建一个Number类型的对象
 var num=new Number(3);
 var str=new String("hello");
 var bool=new Boolean(true)

 num.hello="abc你好"
 console.log(typeof num)//object
 console.log(num.hello)//abc你好

注意: 方法和属性只能添加给对象,不能添加给基本数据类型,当我们对一些基本数据类型的值去调用属性和方法时,浏览器 会临时使用包装类将其转换为对象,然后再调用对象的属性跟方法调用完以后,再将其转换为基本数据类型


四、字符串方法

(1)、length属性

可以获取字符串的长度

(2)、charAt()

可以返回字符串中指定位置的字符,根据索引获取指定的字符

(3)、concat()

-可以用来连接两个或者多个字符串

-作用和+一样

(4)、indexof()

-该方法可以检索一个字符串中是否含有指定内容

-如果字符串中含有该内容,则会返回其第一次出现的索引,如果没有找到指定的内容,则返回-1

-可以指定第二个参数,指定开始查找的位置

(5)、 lastIndexOf()

-该方法的用法和indexOf()一样,不同的是lastIndexOf是从后往前找

(6)、 slice()

可以从字符串中截取指定的内容

不会影响原字符串,而是将截取到的内容返回

参数:

第一个,开始位置的索引(包括开始位置)

第二个,结束位置的索引(不包括结束的位置)

如果省略第二个参数,则会截取后边所有的

也可以传递一个负数作为参数,负数的话将会从后边计算

(7)、substring()

用来截取一个字符串,跟slice()类似

参数:

第一个,开始位置的索引(包括开始位置)

第二个,结束位置的索引(不包括结束的位置)

如果省略第二个参数,则会截取后边所有的,跟slice()不同的是这个方法不能接收负值作为参数

如果传递了一个负值,则默认使用0,而且他还会自动调整参数的位置,如果第二个参数小于第一个,则自动交换

(8)、substr()

用来截取字符串

参数:

1:截取开始位置的索引

2:截取的长度

(9)、 split()

可以将一个字符串拆分为一个数组

参数

需要一个字符串作为参数,将会根据该字符串去拆分数组

如果传递一个空串作为参数,则会将每个字符都拆分为数组中的一个元素

(10)、replace('被替换的字符','替换为的字符')

它只会替换第一个字符

(11)、 toUpperCase()

-将一个字符串转换为大写并返回

(12)、 toLowerCase()

-将一个字符串转换为小写并返回

相关推荐
tao3556672 小时前
HTML-03-HTML 语义化标签
前端·html
小马_xiaoen2 小时前
IndexedDB 从入门到实战:前端本地大容量存储解决方案。
前端
jiayong232 小时前
Vue2 与 Vue3 常见面试题精选 - 综合宝典
前端·vue.js·面试
王多鱼鱼鱼2 小时前
QT如何将exe打包成可执行文件
开发语言·qt
We་ct2 小时前
LeetCode 383. 赎金信:解题思路+代码解析+优化实战
前端·算法·leetcode·typescript
DokiDoki之父2 小时前
边写软件边学kotlin(一):Kotlin语法初认识:
android·开发语言·kotlin
liu****2 小时前
Qt进阶实战:事件处理、文件操作、多线程与网络编程全解析
开发语言·网络·数据结构·c++·qt
草原上唱山歌2 小时前
C++如何调用Python代码
开发语言·c++·python
木子啊2 小时前
PHP中间件:ThinkCMF 6.x核心利器解析
开发语言·中间件·php