当前位置: 首页 > 科技 > 人工智能 > 手把手教你Javascript(7)-内置对象_腾讯新闻

手把手教你Javascript(7)-内置对象_腾讯新闻

天乐
2021-06-01 03:27:01 第一视角

Javascript内置了很多功能,通过“内置对象”的方法来提示,譬如:

String-处理字符串Math=提高数学功能sin、cos值Array-数组,也是一个内置对象Number-数字相关功能,四舍五入Date=日期相关功能,譬如取得当前日期、当前时间

上面的是几个简单的Javascript功能对象。平时可以调用这些内置对象,来完成需要的功能。

下面一一介绍下,并提供演示例子:

1、String

字符串的常用属性是length,取得字符串的长度。

先定义一个实例字符串:

var str1="Hello world";

console.log(str1.length); //就会输出“Hello world”的长度

常用方法有下面几个:

indexOf()/lastIndexOf():

该方法用来在一个字符串中查找另一个字符串,返回值是查找到的子串在字符串中的位置,以0为开始,如果没有找到,则返回-1。indexOf方法是从前往后找,lastIndexOf()是从后往前找。两个方法都有两个参数,第一个是需要查找的子串,第二个则是开始查找的字符位置(可选,不选默认从头/尾开始)。譬如:

var i=str1.ndexOf("o") //这里返回4,就是从头开始,o的index是5,但是因为是从0开始,所以返回4

var j=str1.lastIndexOf("o") //从末尾找o的位置,j=7

substr()/substring():

substring方法有两个参数,第一个参数为开始复制的起点,第二个参数可选,是所要复制子串最后一个字符后面的字符位置,举例说明:

var str = "javascript";

var temp = str.substring(0,4);//temp为java

同substring方法功能类似的还有substr方法,它同样有有两个参数,第一个参数是开始复制的起点,第二个参数则是需要复制的长度。

toLowerCase()/toUpperCase():

该方法用于转换字符串的大小写:

var str = " i am a Student";

var str1=str.toLowerCase();//i am a student

var str2=str.toUpperCase();//l AM A STUDENT

charAt():

该方法用于在字符串中选取出一个字符。charAt()方法可以接受一个参数,该参数表示所选字符在字符串中的索引位置,索引从0开始计算,返回值为选中的字符。

var str = "i am a boy";

var a = str.charAt(2);//a

trim()方法:

该方法用于取出字符串首尾两端的空格:

var str = " i am a student. ";

console.log(str.trim());//i am a student.

下面是一个综合性的例子(例子1):

var str1="Hello World";

console.log("Hello World的长度是"+str1.length)

var i=str1.indexOf("o") //这里返回4,就是从头开始,o的index是5,但是因为是从0开始,所以返回4

var j=str1.lastIndexOf("o") //从末尾找o的位置,j=7

console.log(i);

console.log(j);

console.log("----------substr---------")

var str = "javascript";

var temp = str.substring(0,4);//temp为java

console.log(temp)

console.log("----------大小写---------")

var str = " i am a Student";

var str1=str.toLowerCase();//i am a student

var str2=str.toUpperCase();//l AM A STUDENT

console.log(str1)

console.log(str2)

console.log("----------字符串位置上的字符---------")

var str = "i am a boy";

var a = str.charAt(2);//a

console.log(a)

console.log("----------字符串修剪---------")

var str = " i am a student. ";

console.log(str.trim());//i am a student.

2.Math对象

Math对象提供了大量的数学函数和数值操作方法,使用该对象可以帮助我们便捷的进行一些数学运算。

Math对象不需要我们创建,JavaScript会自动进行创建。Math对象中有一些数学常量,如PI属性(值为3.14159),可以直接使用对象名来访问这些属性,类似于java中静态属性。

常用方法:

abs():

该方法对应数学运算中的取绝对值运算::

var number = -1;

console.log(Math.abs(number)); //1

min()/max():

min方法为查找最小值方法,max方法为查找最大值方法。两个方法都至少接收两个参数,且都为数字,下面举例说明:

var max = Math.max(12,4); //12

var min = Math.min(1.2,4.1); //1.2

ceil()/floor():

这两个方法都是舍入方法,但规则不一样。

ceil方法总是吧数值向上取整,举例说明:

var a = Math.ceil(14.1); //15

var b = Math.ceil(-12.2); //-12

floor方法总是向下取整,举例说明:

var c = Math.floor(14.1); //14var d = Math.floor(-12.2); //-13

round():

round方法也是舍入方法,但它不是单一的向上取整或是向下取整,而是四舍五入,当小数部分大于等于0.5时向上取整,否则向下取整,举例说明:

var e = Math.round(44.5); //46

var f = Math.round(44.49); //44

random():

该方法回产生一个0-1之间的随机浮点数,包含0但不包含1,常用语随机数的产生,比如我们想产生一个1-10之间的随机数,可以这么写:

var num = Math.random()*10+1;

pow():

该方法将对传入的参数进行指定的幂运算。如计算2的4次幂可以写成:

var num = Math.pow(2,4); //2*2*2*2=16

下面是一个综合例子(例子2):

console.log("--------Math求绝对值-----------")

var number = -1

console.log(Math.abs(number)); //1

console.log("--------Math求相对比较大和比较小的数-----------")

var max = Math.max(12,4); //12

var min = Math.min(1.2,4.1); //1.2

console.log("12和4,比较大的数是"+max)

console.log("1.2和4.1,比较小的数是"+min)

console.log("--------Math取整数-----------")

var a = Math.ceil(14.1); //15 //cell是向上取整

var b = Math.ceil(-12.2); //-12

var c = Math.floor(14.1); //14 //floor是向下取整

var d = Math.floor(-12.2); //-13

console.log(a)

console.log(b)

console.log(c)

console.log(d)

console.log("--------Math四舍五入-----------")

var e = Math.round(44.5); //45

var f = Math.round(44.49); //44

console.log(e)

console.log(f)

console.log("--------Math幂-----------")

var num = Math.pow(2,4); //2*2*2*2=16

console.log(num)

console.log("--------Math随机数-----------")

var num = Math.random()*10+1;

console.log(num)

3.Number对象

Number对象同String对象一样,可以用new关键字创建其对象,如:

Number myNumber = new Number('123');

也可以直接声明一个基本数值,javascript会在后台帮你自动转换。

常用方法:

toFixed():

该方法用于在指定位置截取数字,比如一个数为3.13159,你想对其保留两位小数,则可以写成(例子3):

var number = 3.14159;

var number1 = number.toFixed(2); //3.14,会自动帮你四舍五入

console.log(number1) //该方法要注意的是只能修整小数位数为0-20的数字。

4.Date对象

Date对象用于处理日期和时间,其中内置了很多方法,这里先简单介绍一下,后面的篇幅中将会详细介绍。

先来说说Date对象常见的几种创建对象的方法:

1.直接使用new 关键字,并且不传入任何参数,如下:

var myDate1 = new Date(); //该方法创建出的Date对象中的日期和时间默认为当前计算机的当前日期和当前时间

2.使用new关键字,并且传入一个数值,该数值为从GMT开始至今经过的毫秒数,如下:

var myDate2 = new Date(111111);

虽然该种创建对象的方法不常用,但JavaScript中是按照该种方式计算和存储的。

3.使用new关键字,传入一个表示日期或时间的字符串,如下:

var myDate3 = new Date("14 August 2017");

4.使用new关键字,传入时间的初始化参数,分别为年,月,日,小时,分钟,秒,毫秒,如下:

var myDate4 = new Date(2017,7,14,20,0,0,0);

其中要注意的是月份是从0开始计数的,所以7表示的是8月

常用方法:

setDate():

该方法是将月中的某一天作为参数传入。

setMonth():

该方法是将年中的某一月作为参数传入,其中从0开始计算,即0表示1月

setFullYear():

该方法将年份作为参数传入。

比如要创建一个日期为2017-8-14的Date对象,可以进行如下操作:

var myDate = new Date();myDate.setFullYear(2017);myDate.setDate(14);Mydate.setMonth(7);

getHours()/setHours():该方法用于获取/设置当前对象的小时。

getMinutes()/setMinutes():

该方法用于获取/设置当前对象的分钟。

getSeconds()/setSeconds():

该方法用于获取/设置当前对象的秒。

getMilliseconds()/setMilliseconds():

该方法用于获取/设置当前对象的毫秒。

toTimeString():

该方法用于返回一个表示时间的字符串。

下面说说日期的计算:

var myDate = new Date("1 January 2017");

myDate.setDate(32);

众所周知,1月并没有32天,如果这样写会得到什么呢?JavaScript会自动判断,会以1号为起点,往后算32天,即为2月1号。

该特性也适用于setMonth方法,如setMonth(13)表示为下一年的一月。

但要注意一点比如今天为1月15号,然后执行了setDate(currentDay+50),如果你传入的值大于当前月中最大天数,那么计算时是从这个月的1号开始往后加而不是从15号开始计算。这个原则对setMonth方法同样适用。

下面是一个综合例子(例子4):

var d1=new Date()

console.log("当前日期信息:=======")

console.log("年:"+d1.getFullYear())

console.log("月:"+d1.getMonth()) //这里注意月计数是从0开始,也就是5月输出是4

console.log("日:"+d1.getDate())

console.log("星期:"+d1.getDay())

今天是一些常用Javascript对象,就到这里吧!

提示:支持键盘“← →”键翻页
为你推荐
加载更多
意见反馈
返回顶部