百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 热门文章 > 正文

手把手教你Javascript (7)-内置对象

bigegpt 2024-10-19 02:52 4 浏览


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对象,就到这里吧!

相关推荐

得物可观测平台架构升级:基于GreptimeDB的全新监控体系实践

一、摘要在前端可观测分析场景中,需要实时观测并处理多地、多环境的运行情况,以保障Web应用和移动端的可用性与性能。传统方案往往依赖代理Agent→消息队列→流计算引擎→OLAP存储...

warm-flow新春版:网关直连和流程图重构

本期主要解决了网关直连和流程图重构,可以自此之后可支持各种复杂的网关混合、多网关直连使用。-新增Ruoyi-Vue-Plus优秀开源集成案例更新日志[feat]导入、导出和保存等新增json格式支持...

扣子空间体验报告

在数字化时代,智能工具的应用正不断拓展到我们工作和生活的各个角落。从任务规划到项目执行,再到任务管理,作者深入探讨了这款工具在不同场景下的表现和潜力。通过具体的应用实例,文章展示了扣子空间如何帮助用户...

spider-flow:开源的可视化方式定义爬虫方案

spider-flow简介spider-flow是一个爬虫平台,以可视化推拽方式定义爬取流程,无需代码即可实现一个爬虫服务。spider-flow特性支持css选择器、正则提取支持JSON/XML格式...

solon-flow 你好世界!

solon-flow是一个基础级的流处理引擎(可用于业务规则、决策处理、计算编排、流程审批等......)。提供有“开放式”驱动定制支持,像jdbc有mysql或pgsql等驱动,可...

新一代开源爬虫平台:SpiderFlow

SpiderFlow:新一代爬虫平台,以图形化方式定义爬虫流程,不写代码即可完成爬虫。-精选真开源,释放新价值。概览Spider-Flow是一个开源的、面向所有用户的Web端爬虫构建平台,它使用Ja...

通过 SQL 训练机器学习模型的引擎

关注薪资待遇的同学应该知道,机器学习相关的岗位工资普遍偏高啊。同时随着各种通用机器学习框架的出现,机器学习的门槛也在逐渐降低,训练一个简单的机器学习模型变得不那么难。但是不得不承认对于一些数据相关的工...

鼠须管输入法rime for Mac

鼠须管输入法forMac是一款十分新颖的跨平台输入法软件,全名是中州韵输入法引擎,鼠须管输入法mac版不仅仅是一个输入法,而是一个输入法算法框架。Rime的基础架构十分精良,一套算法支持了拼音、...

Go语言 1.20 版本正式发布:新版详细介绍

Go1.20简介最新的Go版本1.20在Go1.19发布六个月后发布。它的大部分更改都在工具链、运行时和库的实现中。一如既往,该版本保持了Go1的兼容性承诺。我们期望几乎所...

iOS 10平台SpriteKit新特性之Tile Maps(上)

简介苹果公司在WWDC2016大会上向人们展示了一大批新的好东西。其中之一就是SpriteKitTileEditor。这款工具易于上手,而且看起来速度特别快。在本教程中,你将了解关于TileE...

程序员简历例句—范例Java、Python、C++模板

个人简介通用简介:有良好的代码风格,通过添加注释提高代码可读性,注重代码质量,研读过XXX,XXX等多个开源项目源码从而学习增强代码的健壮性与扩展性。具备良好的代码编程习惯及文档编写能力,参与多个高...

Telerik UI for iOS Q3 2015正式发布

近日,TelerikUIforiOS正式发布了Q32015。新版本新增对XCode7、Swift2.0和iOS9的支持,同时还新增了对数轴、不连续的日期时间轴等;改进TKDataPoin...

ios使用ijkplayer+nginx进行视频直播

上两节,我们讲到使用nginx和ngixn的rtmp模块搭建直播的服务器,接着我们讲解了在Android使用ijkplayer来作为我们的视频直播播放器,整个过程中,需要注意的就是ijlplayer编...

IOS技术分享|iOS快速生成开发文档(一)

前言对于开发人员而言,文档的作用不言而喻。文档不仅可以提高软件开发效率,还能便于以后的软件开发、使用和维护。本文主要讲述Objective-C快速生成开发文档工具appledoc。简介apple...

macOS下配置VS Code C++开发环境

本文介绍在苹果macOS操作系统下,配置VisualStudioCode的C/C++开发环境的过程,本环境使用Clang/LLVM编译器和调试器。一、前置条件本文默认前置条件是,您的开发设备已...