JavaScript内建对象总结
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:黄富滔
撰写时间:2020年4月25日
JavaScript对象有三种:
1.内建对象:JS中已经定义好的对象
2.宿主对象:执行JS脚本的环境提供的对象
3.自定义对象:顾名思义,就是开发人员自己定义的对象
内建对象有很多,但是常用的有String、Array、Math、Date、Boolean、Number、Event、RegExp。
1、JavaScript_String对象
①属性:在底层字符串中以数组的形式保存["h","e","l","l","o"....],可以用对象中的length属性获取到字符串的长度
②方法:
(1)charAt()
- 可以返回字符串中指定位置的字符
- 根据索引获取指定的字符
(2)charCodeAt()
- 获取指定位置字符的字符编码(Unicode编码)
(3)fromCharCode()
- 可以根据字符编码获取字符
(4)indexOf()
- 该方法可以检索一个字符串中是否含有指定内容
- 如果字符串中含有该内容,则会返回第一次出现的索引
如果没有找到指定的内容,则会返回-1
- 可以指定第二个参数。指定开始查找的位置
(5)lastIndexof()
- 该方法的用法和indexOf()一样
不同的是indexOf是从前往后找,
而lastIndexof是从后往前找
- 也可以指定开始查找的位置
(6)slice()
- 可以从字符串中截取指定的内容
- 不会影响到原字符串,而是截取到内容返回
- 参数说明:
第一个参数:开始位置的索引(包括开始位置)
第二个参数:结束位置的索引(不包括结束位置)
- 如果省略第二个参数,则会截取到后边所有的
- 也可以传递一个负数作为参数,负数的话将会从后边计算
(7) substring()
- 可以用来截取只一个字符串,和slice()类似
- 参数说明:
第一个参数:开始位置的索引(包括开始位置)
第二个参数:结束位置的索引(不包括结束位置)
3
(8)split() 很重要的方法
- 可以将一个字符串拆分称为一个数组
- 参数:
需要一个字符串作为参数,将会根据该字符串去拆分数组
(9)toUpperCase()
- 将一个字符串转换为大写并返回
(10)toLowerCase()
- 将一个字符串转换为小写并返回
2.JavaScript_Date对象
①比较常用的方法有:
(1)getDate()
- 获取当前日期对象时几日(1 ~ 31)。
(2)getDay()
- 获取当前日期是星期几(0 ~ 6)。
(3)getMonth()
- 获取当前日期对象的月份(0 ~ 11)。
(4)getFullYear()
- 获取对象以四位数字返回年份
(5)getHours()
-返回Date对象的小时(0~23)
(6)getMinutes()
-返回 Date 对象的分钟 (0 ~ 59)。
(7)getSeconds()
- 返回 Date 对象的秒数 (0 ~ 59)。
还有更多的方法参考w3c
如果想写特定的时间,那么需要在构造函数中传递一个表示时间的字符串作为参数
var date1=new Date("2020-03-23 12:34:12");
3.JavaScript_Array对象
数组简介:
- 它和我们普通对象功能类似,也是用来存储一些值的
- 不同的是普通对象使用字符串作为属性名
而数组是使用数字来作为索引操作元素
- 索引:从0开始的整数就是索引
- 数组的存储性能比普通对象要好,在开发中我们经常使用数组来存储一些数据
-数组的值可以是任意的数据类型,包含对象的,数组中可以存放函数
①数组的属性:获取数组的长度,可以使用length这个属性获取 语法:数组.length
修改length:相当于把数组的长度重新赋值 ;语法:数组.length=?;
- 如果修改的length大于原长度,则多出部分会空出来
- 如果修改的length小于原长度,则多出的部分会被删除
②数组的创建
(1)使用构造函数去创建数组
var arr=new Array();
-使用构造函数创建数组时,也可以同时添加元素,将要添加的元素作为构造函数的参数传递,元素之间使用,隔开
- var arr=new Array(10);表示创建一个长度为10的数组
(2)使用字面量去创建数组
var arr=[];
-使用字面量创建数组时,可以在创建时就指定数组中的元素
- var arr=[10]; 表示给数组指定了一个元素,数组长度为1;
③数组常用的方法 语法: 数组变量.方法();
(1)concat(数组变量)
-数组的链接,可以连接两个或则多个数组
(2)join(任意的字符)
-把数组的所有元素串联成一个字符串。元素通过指定的分隔符进行分隔
(3)push()
-该方法会向数组末尾添加一个或者多个元素,并且返回数组新的长度,可以将要添加的元素作为方法的参数传递
(4)unshift()
- 向数组开头添加一个或多个元素,并返回新的数组长度
- 向前边插入元素以后,其他元素的索引会依次调整
(5)pop()
- 该方法可以删除数组的最后一个元素,并将被删除的元素作为返回值返回
(6)shift()
- 可以删除数组的第一个元素,并将被删除的元素作为返回值返回
④数组的遍历循环
(1) for循环(一般使用的方法,所有浏览器兼容)
语法:for(var i=0;i<Array.length;i++){}
(2)for...in循环
语法:for(var i in Array){}
(3)forEach()方法(IE8以下的浏览器不支持该方法)
forEach()方法需要一个函数作为参数
- 像这种函数,由我们创建但是不由我们调用的,我们称为回调函数
- 数组中有几个元素函数就会执行几次,每次执行时,浏览器将会遍历到的元素以实参的形式传 递进来,我们可以来定义形参读取这些内容
- 浏览器会在回调函数中传递三个参数:
第一个参数,就是当前正在遍历的元素
第二个参数,就是当前正在遍历的元素的索引
第三个参数,就是正在遍历的数组
语法:Array.forEach(function(value,index,Array){})
4、JavaScript_Math对象
-Math 对象用于执行数学任务。
- Math对象和其他对象不同,它不是一个构造函数,它属于一个工具类不用创建对象,它里面封装了数学运算相关的属性和方法
①Math对象的属性:Math.PI 表示圆周率(约等于3.14159)
②Math对象的方法:
(1)Math.abs(x)
- 返回一个数的绝对值
(2)Math.sin(x)
- 返回一个数的正弦
(3)Math.ceil()
- 可以对一个数进行向上取整,小数位只要有值就自动进1
(4) Math.floor()
- 可以对一个数进行向下取整,小数部分会被舍掉
(5)Math.round()
- 可以对一个数进行四舍五入取整
(6)Math.random()
- 可以用来生成一个0-1之间的随机数
Math.random()
- 可以用来生成一个0-10之间的随机数(整数)
Math.round(Math.random()*10)
- 可以用来生成一个0-X之间的随机数(整数)
Math.round(Math.random()*X)
- 可以用来生成一个1-10之间的随机数(整数)
Math.round(Math.random()*9)+1
- 可以用来生成一个1-X之间的随机数(整数)
Math.round(Math.random()*(X-1))+1
- 可以用来生成一个Y-X之间的随机数(整数)
Math.round(Math.random()*(X-Y))+Y
(6)Math.max(x,y)
-返回x和y 之间的最大值
(7)Math.min(x,y)
-返回x和y之间的最小值