前端学习之随笔

Posted 2020-10-10

alert()函数：

显示一个消息框，以便向用户发送通知或警告信息。

显示的消息框是模态的。

在alert()函数的括号中指定消息框中的消息，它称为函数的参数（parameter）。

 

prompt（）函数需要如下两个信息：

要显示的文本，通常用于提醒用户输入信息。

第一次显示提示对话框时，在输入框中包含的默认值。

 

parseInt（）函数：

将字符转换成整数。

工作方式：解析字符串的每个字符，检查该字符是不是一个有效的数字。如果是，parseInt（）函数将使用这个数字来生成字符串对应的数值。否则，命令就停止转换，并返回之前转换的数值。

 

parseFloat（）函数的工作机制与parseInt（）类似，只是它返回浮点数，并把小数点视为数值的一部分进行解析。

 

如果使用parseInt（）函数或parseFloat（）函数处理空字符串，或者不以有效数字开头的字符串，就返回NaN值，表示“Not a Number”。

 

 

string对象

indexOf()和lasIndexOf()方法――在一个字符串中查找另一个字符串

indexOf()从字符串开头或者指定位置开始搜索，lasIndexOf()从结尾或指定位置向开头搜索

 

substr()和substring()方法――复制字符串的一个子串

可用来从字符串中提取一个子串，并赋予另一个变量，或者用在表达式中。

substring()两个参数：子串的开始位置和子串中最后一个字符后面的字符位置。第二个参数可选，如果不包含它，则子串包含从开始位置到字符串末尾的所有字符。

substr()与substring()相似，第二个参数是要从长字符串中提取的子串的长度。

 

toLowerCase()和toUpperCase()方法――转换大小写

 

charAt()和charCodeAt()方法――从字符串中选取一个字符

charAt()方法接受一个参数：所选字符在字符串中的索引位置。返回该字符。

charCodeAt()方法与charAt()类似，但是它返回的是该字符在Unicode字符集中的十进制编码。

 

fromCharCode()方法――将字符编码转换为字符串

它是一个静态方法――不必创建String对象，就可以使用，总是可用的。适合与变量一起使用。

 

trim()方法――去掉字符串两端的空格

 

 

Array对象

 

length属性――获得数组中元素的个数

 

push()方法――添加元素

 

concat()方法――连接数组

 

slice()方法——复制数组的一部分

slice()方法有两个参数：欲复制的第一个元素的索引；表示所复制末尾的元素索引（可选）

包含起始元素，结束元素不在其中。如果没有第二个参数，则复制从起始索引之后的所有元素。

 

join()方法——将数组转换成单个字符串

将数组中所有元素连接起来，并返回一个字符串。

 

sort()方法——对数组排序

排序基于Unicode编码，升序顺序排列。

 

reverse()方法——反转数组元素的顺序

当与sort()方法结合使用，reverse()方法可以把数组中的字母或数字反序排列。

 

indexOf()和lastIndexOf()方法——查找数组元素

 

迭代数组，但不使用循环

下面五个方法（every() some() filter() forEach() map()）称为迭代方法，这些方法在迭代数组时，会在每个元素上执行用户定义的函数。

函数遵循规则：必须接受3个参数

   function functionName(value,index,array){

}

第一个是元素的值，第二个是元素的索引，第三个是数组本身。

 

every() some() filter()方法——测试每个元素

every()方法测试数组中所有元素是否通过了函数中的测试。所有元素通过返回ture。

some()方法测试数组中某些元素是否通过了函数中的测试。一些元素通过就返回ture。

filter()方法对数组中的每个元素执行某函数，如果该函数对某个元素返回ture，就把该元素添加到filter()方法返回的另一个数组中。

 

forEach() map()方法——操作元素

以某种方式使用数组中的元素执行某类操作。forEach()方法对数组中的每一个元素都执行操作，但不能返回任何值。

map()方法对数组中的每一个元素都执行一个给定的函数，但也返回一个包含函数执行结果的新数组。

Math对象

提供大量有效的数学函数和数值操作方法。

 

abs()方法——返回传入参数的绝对值

 

min()和max()方法——查找最大值和最小值

比较大小，可以接受多个数字，可以是整数或浮点数。

 

舍入方法

ceil()方法——把数值向上修整到最接近的最小整数

floor()方法——把数值向下修整到最接近的最小整数

round()方法——小数部分大于0.5向上修整，小于0.5向下修整

参数	parseInt()返回	ceil()返回	floor()返回	round()
10.25	10	11	10	10
10.75	10	11	10	11
10.5	10	11	10	11
-10.25	-10	-10	-11	-10
-10.75	-10	-10	-11	-11
-10.5	-10	-10	-11	-10

 

random()方法——返回一个0~1之间的随机浮点数，包含0但不包括1。适合显示随机的横幅图像或编写javascript游戏。

 

pow()方法——计算一个数的指定幂

两个参数，第一个参数是底数，第二个参数是指数。

 

 

Number对象

toFixed()方法——指定点处截断一个数字

不仅截去多余的小数位，还会进行四舍五入操作。注意，只能修整小数位数为0~20的数字。

 

 

Date对象

 

创建Date对象（四种方法）

（1）var theDate1 = new Date();

声明一个新的Date对象，不初始化。此时，日期和时间值将设置为运行该脚本的PC机的当前日期和时间。

（2）var theDate2 = new Date(949278000000);

定义Date对象时，传入从GMT（格林威治标准时间）1970年1月1日00：00：00开始所经过的毫秒数。例子中日期是GMT2000年1月31日00：20：00。

（3）var theDate3 = new Date(“31 january 2014”);

传入一个表示日期或日期和时间的字符串。

（4）var theDate4 = new Date(2014,0,31,15,35,20,20);

初始化时传入用逗号分隔的如下参数：年，月，日，小时，分钟，秒，毫秒。

 

获得日期值

方法	返回值
getDate()	月份中的第几天
getDay()	表示星期几的整数，其中，0表示星期日，1表示星期一，以此类推
getMonth()	表示月份的整数，其中，0表示一月，1表示二月，以此类推
getFullYear()	以四位数表示的年份
toDateString()	基于当前时区，返回一个便于人们阅读的完整日期字符串，如“Wed 31 Dec 2000”

 

设置日期值

方法	说明
setDate()	月中的某一天作为参数传入，以设置日期
setMonth()	年中的某一月作为整数参数传入，其中，0表示一月，1表示二月，以此类推
setFullYear()	把年份设置为作为参数传入的4位整数

 

获得时间值

getHour()

getMinutes()

getSeconds()

getMilliseconds()

toTimeString()

 

设置时间值

setHour()

setMinutes()

setSeconds()

setMilliseconds()

 

 

引用类型由三部分组成：

构造函数

方法定义

属性