javaScript的内置对象以及一些常用的方法

前几天,我们学习了JavaScript的入门课程,但是要想做网站,仅仅学会入门是不够的,今后的几天,我将带领大家精通JavaScript,希望大家好好学习!

JS内置对象

String对象:字符串对象,提供了对字符串进行操作的属性和方法。

Array对象:数组对象,提供了数组操作方面的属性和方法。

Date对象:日期时间对象,可以获取系统的日期时间信息。

Boolean对象:布尔对象,一个布尔变量就是一个布尔对象。(没有可用的属性和方法)

Number对象:数值对象。一个数值变量就是一个数值对象。

Math对象:数学对象,提供了数学运算方面的属性和方法。

String对象的属性和方法

length:获取字符串的长度。如:var len = strObj.length

toLowerCase():将字符串中的字母转成全小写。如:strObj.toLowerCase()

toUpperCase():将字符串中的字母转成全大写。如:strObj.toUpperCase()

charAt(index)

功能:返回指定下标位置的一个字符。如果没有找到,则返回空字符串。

语法:strObj.charAt(index)

参数:index是指定的一个索引号,根据index索引号来返回一个字符。

JavaScript从入门到精通

indexOf()

功能:返回一个子字符串在原始字符串中的索引值(查找顺序从左往右查找)。如果没有找到,则返回-1。

语法:strObj.indexOf(substr)

参数:substr代表要查找的一个子字符串。

JavaScript从入门到精通

lastIndexOf()

功能:在原始字符串,从右往左查找某个子字符串。如果没找到,返回-1。

语法:strObj.lastIndexOf(substr)

参数:substr代表要查找的子字符串。

substr()

功能:在原始字符串,返回一个子字符串。

语法:strObj.substr(startIndex [ , length])

说明:从下标startIndex起,返回length个字符。

参数:

startIndex表示查找的起始索引号;

length可选,返回几个字符。如果省略,一直返回到结尾。

JavaScript从入门到精通

substring()

功能:在原始字符串,返回一个子字符串。

语法:strObj.substring(startIndex [ , endIndex])

说明:返回从startIndex开始索引值到endIndex结束索引值之间的所有字符。

参数:

startIndex:代表开始索引值。

endIndex:可选项,代表结束索引值。如果省略,一般返回到结尾的所有的字符。

提示:如果省略第二个参数,那么substr()和substring()结果一样。

注意:substring()返回的字符包含startIndex处的字符,不包含endIndex处的字符。

举例:

“abcdefgh”.substring(0,5) = “abcde”

“abcdefgh”.substr(0,5) = “abcde”

“abcdefgh”.substring(2,3) = “c”

“abcdefgh”.substr(2,3) = “cde”

split():将一个字符串转成数组

功能:将一个字符串切割成若干段。返回一个数组。

语法:strObj.split(分割号)

参数:参数是一个分割号的字符串。用指定的分割号将字符串切成若干段。

举例: “a,b,c,d”.split(“,”) = arr[“a” , “b” , “c” , “d”]

JavaScript从入门到精通

JavaScript从入门到精通

Array对象

length属性:动态获取数组长度。如:var len = arrObj.length

join()

功能:将一个数组转成字符串。返回一个字符串。

语法:arrObj.join(连接号)

说明:将一个数组,用指定的“连接号”连接成一个字符串。

JavaScript从入门到精通

reverse()

功能:将数组中各元素颠倒顺序。

语法:arrObj.reverse()

参数:无

JavaScript从入门到精通

数组元素的删除和添加

delete运算符,只能删除数组元素的值,而所占空间还在,总长度没变(arr.length)。

以前数组元素的添加,只能向后添加,不能向前添加。

JavaScript从入门到精通

shift():删除数组中第一个元素,返回删除的那个值,并将长度减1。

pop():删除数组中最后一个元素,返回删除的那个值,并将长度减1。

JavaScript从入门到精通

JavaScript从入门到精通

JavaScript从入门到精通

unshift():往数组前面添加一个或多个数组元素,长度要改变。arrObj.unshift(“a” , “b” , “c”)

push():往数组结尾添加一个或多个数组元素,长度要改变。arrObj.push(“a” , “b” , “c”)

JavaScript从入门到精通

Date对象

Date对象和String对象不太一样,定义了一字符串,其实就是一个String对象,就可以直接调用属性和方法。

Date对象的使用,必须使用new关键字来创建,否则,无法调用Date对象的属性和方法。

创建Date对象的方法

(1)创建当前(现在)日期对象的实例,不带任何参数

var today = new Date();

JavaScript从入门到精通

(2)创建指定时间戳的日期对象实例,参数是时间戳。

时间戳:是指某一个时间距离1970年1月1日0时0分0秒,过去了多少毫秒值(1秒=1000毫秒)。

var timer = new Date(10000); //时间是 1970年1月1日0时0分10秒

JavaScript从入门到精通

(3)指定一个字符串的日期时间信息,参数是一个日期时间字符串

var timer = new Date(“2015/5/25 10:00:00”);

举例:计算一下你活了多少天了?

JavaScript从入门到精通

(4)指定多个数值参数

var timer = new Date(2015+100,4,25,10,20,0); //顺序为:年、月、日、时、分、秒,年、月、日是必须的。

举例:计算自己再活多少天,能活到100岁。

JavaScript从入门到精通

getFullYear():获取四位的年份。

getMonth():获取月份,取值0-11。

getDate():获取几号,取值1-31

getHours():获取小时数。

getMinutes():分钟数

getSeconds():秒数

getMilliseconds()毫秒

getDay()星期

getTime()毫秒值,距离1970年1月1日至今的毫秒值

Math数学对象

Math对象是一个静态对象,换句话说:在使用Math对象,不需要创建实例。

Math.PI:圆周率。

Math.abs():绝对值。如:Math.abs(-9) = 9

Math.ceil():向上取整(整数加1,小数去掉)。如:Math.ceil(10.2) = 11

Math.floor():向下取整(直接去掉小数)。如:Math.floor(9.888) = 9

Math.round():四舍五入。如:Math.round(4.5) = 5; Math.round(4.1) = 4

Math.pow(x,y):求x的y次方。如:Math.pow(2,3) = 8

Math.sqrt():求平方根。如:Math.sqrt(121) = 11

Math.random():返回一个0到1之间的随机小数。如:Math.random() = 0.12204467732259783

JavaScript从入门到精通实例:0-10之间的随机整数;求10-20之间的随机整数;求20到30之间的随机整数;求7到91之间的随机整数

JavaScript从入门到精通实例:随机网页背景色

JavaScript从入门到精通

Number数值对象

一个数值变量,就是一个数值对象(Number对象)。

toFixed()

功能:将一个数值转成字符串,并进行四舍五入,保留指定位数的小数。

语法:numObj.toFixed(n)

参数:n就是要保留的小数位数。

举例:

var a = 123.9878;

a = a.toFixed(2); // a = “123.99”

实例:求圆的面积

JavaScript从入门到精通实例:求直角三角形斜边长

JavaScript从入门到精通

转自:https://www.toutiao.com/i6307504439376740866/

posted @ 2018-09-19 20:35  笠航  阅读(658)  评论(0编辑  收藏  举报